#166B62#166B62
#166B62 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.116؛ OKLCH L 47.8% C 0.078 H 184.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #166B62 |
|---|---|
| RGB | rgb(22, 107, 98) |
| HSL | hsl(174, 66%, 25%) |
| HSV | hsv(174, 79%, 42%) |
| CMYK | cmyk(79.4%, 0%, 8.4%, 58%) |
| CIE-LAB | lab(40.52, -26.41, -1.97) |
| CIE-LCH | lch(40.52, 26.48, 184.27°) |
| OKLab | oklab(47.76% -0.0777 -0.0058) |
| OKLCH | oklch(47.76% 0.078 184.2) |
| XYZ | xyz(7.7921, 11.5669, 13.3749) |
| Luminance | 0.1157 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 3.23
Dark Aquamarine
#017371
ΔE00 4.23
Dark Aqua
#05696B
ΔE00 4.89
Deep Turquoise
#017374
ΔE00 5.25
Dark Turquoise
#045C5A
ΔE00 5.78
Bluegreen
#017A79
ΔE00 6.42
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#166B62 #6B161F
analogous
#166B37 #166B62 #16496B
triadic
#166B62 #62166B #6B6216
tetradic
#166B62 #37166B #6B161F #496B16
square
#166B62 #37166B #6B161F #496B16
split-complementary
#166B62 #6B1649 #6B3716
monochromatic
#051917 #0C3834 #166B62 #209E90 #2BD1BF
إمكانية الوصول والتباين
On white
6.34
#166B62 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.31
#166B62 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #166B62
6.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##166B62 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##166B62 | 1.00 | 6.34 | 3.31 | 6.34 |
| #FFFFFF | 6.34 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.34 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#656462
Deuteranopia (green-blind)
#5A5C63
Tritanopia (blue-blind)
#006D68
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #166b62; /* rgb */ color: rgb(22, 107, 98); /* oklch */ color: oklch(47.8% 0.078 184.2);
Tailwind
colors: {
custom: {
50: '#64968e',
500: '#166b62',
950: '#000000',
},
}SCSS
$custom: #166b62; $custom-light: #64968e; $custom-dark: #000000;
JSON
{
"hex": "#166b62",
"rgb": {
"r": 22,
"g": 107,
"b": 98
},
"hsl": {
"h": 173.647,
"s": 65.891,
"l": 25.294
},
"oklch": {
"l": 0.47758,
"c": 0.0779,
"h": 184.2
},
"luminance": 0.11568
}Semantic roles & 50–950 ramp
primary
#166B62
secondary
#A13B46
accent
#3F51E9
background
#F6F9F8
surface
#EBF2F0
border
#C6CCCB
text
#060D0C
muted
#7A7E7D