#107166#107166
#107166 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.129؛ OKLCH L 49.5% C 0.084 H 182.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #107166 |
|---|---|
| RGB | rgb(16, 113, 102) |
| HSL | hsl(173, 75%, 25%) |
| HSV | hsv(173, 86%, 44%) |
| CMYK | cmyk(85.8%, 0%, 9.7%, 55.7%) |
| CIE-LAB | lab(42.58, -28.76, -1.38) |
| CIE-LCH | lch(42.58, 28.80, 182.74°) |
| OKLab | oklab(49.45% -0.084 -0.0042) |
| OKLCH | oklch(49.45% 0.084 182.9) |
| XYZ | xyz(8.5159, 12.8786, 14.6048) |
| Luminance | 0.1288 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Aquamarine
#017371
ΔE00 3.95
Dark Green Blue
#1F6357
ΔE00 5.01
Deep Turquoise
#017374
ΔE00 5.25
Bluegreen
#017A79
ΔE00 5.45
Dark Aqua
#05696B
ΔE00 6.23
Teal
#008080
ΔE00 7.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#107166 #71101B
analogous
#107135 #107166 #104B71
triadic
#107166 #661071 #716610
tetradic
#107166 #351071 #71101B #4B7110
square
#107166 #351071 #71101B #4B7110
split-complementary
#107166 #71104B #713510
monochromatic
#041B18 #083B36 #107166 #18A796 #1FDCC7
إمكانية الوصول والتباين
On white
5.87
#107166 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.58
#107166 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #107166
5.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##107166 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##107166 | 1.00 | 5.87 | 3.58 | 5.87 |
| #FFFFFF | 5.87 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.87 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6B6A66
Deuteranopia (green-blind)
#5F6167
Tritanopia (blue-blind)
#00736E
Achromatopsia (no color)
#656565
وسوم التصميم والكود
CSS
--color: #107166; /* rgb */ color: rgb(16, 113, 102); /* oklch */ color: oklch(49.5% 0.084 182.9);
Tailwind
colors: {
custom: {
50: '#649a91',
500: '#107166',
950: '#000000',
},
}SCSS
$custom: #107166; $custom-light: #649a91; $custom-dark: #000000;
JSON
{
"hex": "#107166",
"rgb": {
"r": 16,
"g": 113,
"b": 102
},
"hsl": {
"h": 173.196,
"s": 75.194,
"l": 25.294
},
"oklch": {
"l": 0.49453,
"c": 0.08414,
"h": 182.9
},
"luminance": 0.1288
}Semantic roles & 50–950 ramp
primary
#107166
secondary
#A93441
accent
#364BF2
background
#F6F9F8
surface
#EBF2F0
border
#C6CCCB
text
#060E0C
muted
#7A7E7D