#157665#157665
#157665 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.141؛ OKLCH L 50.9% C 0.088 H 177.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #157665 |
|---|---|
| RGB | rgb(21, 118, 101) |
| HSL | hsl(169, 70%, 27%) |
| HSV | hsv(169, 82%, 46%) |
| CMYK | cmyk(82.2%, 0%, 14.4%, 53.7%) |
| CIE-LAB | lab(44.31, -30.93, 1.76) |
| CIE-LCH | lch(44.31, 30.98, 176.75°) |
| OKLab | oklab(50.88% -0.0884 0.0042) |
| OKLCH | oklch(50.88% 0.088 177.3) |
| XYZ | xyz(9.1355, 14.0547, 14.5408) |
| Luminance | 0.1406 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Aquamarine
#017371
ΔE00 6.27
Dark Green Blue
#1F6357
ΔE00 6.71
Bluegreen
#017A79
ΔE00 6.90
Deep Turquoise
#017374
ΔE00 7.58
Teal
#008080
ΔE00 8.13
Dark Aqua
#05696B
ΔE00 9.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#157665 #761526
analogous
#157635 #157665 #155676
triadic
#157665 #651576 #766515
tetradic
#157665 #351576 #761526 #567615
square
#157665 #351576 #761526 #567615
split-complementary
#157665 #761556 #763515
monochromatic
#051A16 #0C4239 #157665 #1EAA91 #2CD9BB
إمكانية الوصول والتباين
On white
5.51
#157665 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.81
#157665 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #157665
5.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##157665 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##157665 | 1.00 | 5.51 | 3.81 | 5.51 |
| #FFFFFF | 5.51 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.81 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.51 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#716E64
Deuteranopia (green-blind)
#656566
Tritanopia (blue-blind)
#007871
Achromatopsia (no color)
#696969
وسوم التصميم والكود
CSS
--color: #157665; /* rgb */ color: rgb(21, 118, 101); /* oklch */ color: oklch(50.9% 0.088 177.3);
Tailwind
colors: {
custom: {
50: '#669e90',
500: '#157665',
950: '#000000',
},
}SCSS
$custom: #157665; $custom-light: #669e90; $custom-dark: #000000;
JSON
{
"hex": "#157665",
"rgb": {
"r": 21,
"g": 118,
"b": 101
},
"hsl": {
"h": 169.485,
"s": 69.784,
"l": 27.255
},
"oklch": {
"l": 0.5088,
"c": 0.08849,
"h": 177.3
},
"luminance": 0.14056
}Semantic roles & 50–950 ramp
primary
#157665
secondary
#AC3B4F
accent
#3B5AED
background
#F6F9F8
surface
#EBF2F0
border
#C6CCCB
text
#070E0C
muted
#7A7E7D