#43AAAB#43AAAB
#43AAAB لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.329؛ OKLCH L 67.9% C 0.094 H 196.1°. أفضل لون لنص المتن هو #000000 بتباين 7.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #43AAAB |
|---|---|
| RGB | rgb(67, 170, 171) |
| HSL | hsl(181, 44%, 47%) |
| HSV | hsv(181, 61%, 67%) |
| CMYK | cmyk(60.8%, 0.6%, 0%, 32.9%) |
| CIE-LAB | lab(64.06, -28.91, -9.37) |
| CIE-LCH | lch(64.06, 30.39, 197.96°) |
| OKLab | oklab(67.93% -0.0902 -0.026) |
| OKLCH | oklch(67.93% 0.094 196.1) |
| XYZ | xyz(24.0370, 32.8805, 43.6000) |
| Luminance | 0.3288 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Lightseagreen
#20B2AA
ΔE00 4.73
Cadetblue
#5F9EA0
ΔE00 5.29
Sea
#3C9992
ΔE00 6.31
Turquoise Blue
#06B1C4
ΔE00 6.53
Topaz
#13BBAF
ΔE00 7.16
Blue Green
#0F9B8E
ΔE00 8.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#43AAAB #AB4443
analogous
#43AB78 #43AAAB #4376AB
triadic
#43AAAB #AB43AA #AAAB43
tetradic
#43AAAB #7843AB #AB4443 #76AB43
square
#43AAAB #7843AB #AB4443 #76AB43
split-complementary
#43AAAB #AB4376 #AB7843
monochromatic
#215353 #327E7F #43AAAB #68C3C4 #94D4D5
إمكانية الوصول والتباين
On white
2.77
#43AAAB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.58
#43AAAB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #43AAAB
7.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##43AAAB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##43AAAB | 1.00 | 2.77 | 7.58 | 7.58 |
| #FFFFFF | 2.77 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.58 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9FA2AB
Deuteranopia (green-blind)
#8F96AC
Tritanopia (blue-blind)
#00AFAA
Achromatopsia (no color)
#9B9B9B
وسوم التصميم والكود
CSS
--color: #43aaab; /* rgb */ color: rgb(67, 170, 171); /* oklch */ color: oklch(67.9% 0.094 196.1);
Tailwind
colors: {
custom: {
50: '#83c3c4',
500: '#43aaab',
950: '#000000',
},
}SCSS
$custom: #43aaab; $custom-light: #83c3c4; $custom-dark: #000000;
JSON
{
"hex": "#43aaab",
"rgb": {
"r": 67,
"g": 170,
"b": 171
},
"hsl": {
"h": 180.577,
"s": 43.697,
"l": 46.667
},
"oklch": {
"l": 0.67934,
"c": 0.09386,
"h": 196.1
},
"luminance": 0.32883
}Semantic roles & 50–950 ramp
primary
#43AAAB
secondary
#C08A89
accent
#5654D3
background
#F8FCFC
surface
#F0F8F8
border
#CBD1D1
text
#0C1212
muted
#7D8181