#136B79#136B79
#136B79 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.120؛ OKLCH L 48.6% C 0.079 H 211.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #136B79 |
|---|---|
| RGB | rgb(19, 107, 121) |
| HSL | hsl(188, 73%, 27%) |
| HSV | hsv(188, 84%, 47%) |
| CMYK | cmyk(84.3%, 11.6%, 0%, 52.5%) |
| CIE-LAB | lab(41.27, -19.16, -14.83) |
| CIE-LCH | lch(41.27, 24.22, 217.74°) |
| OKLab | oklab(48.62% -0.0677 -0.0413) |
| OKLCH | oklch(48.62% 0.079 211.4) |
| XYZ | xyz(8.9759, 12.0332, 19.9350) |
| Luminance | 0.1203 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Petrol
#005F6A
ΔE00 4.36
Dark Aqua
#05696B
ΔE00 5.82
Deep Aqua
#08787F
ΔE00 5.83
Ocean
#017B92
ΔE00 6.43
Deep Turquoise
#017374
ΔE00 6.89
Sea Blue
#047495
ΔE00 7.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#136B79 #792113
analogous
#137954 #136B79 #133879
triadic
#136B79 #79136B #6B7913
tetradic
#136B79 #541379 #792113 #387913
square
#136B79 #541379 #792113 #387913
split-complementary
#136B79 #791338 #795413
monochromatic
#04171A #0B3C44 #136B79 #1B9AAE #29C5DD
إمكانية الوصول والتباين
On white
6.16
#136B79 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.41
#136B79 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #136B79
6.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##136B79 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##136B79 | 1.00 | 6.16 | 3.41 | 6.16 |
| #FFFFFF | 6.16 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.16 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#60677A
Deuteranopia (green-blind)
#525D79
Tritanopia (blue-blind)
#00716F
Achromatopsia (no color)
#616161
وسوم التصميم والكود
CSS
--color: #136b79; /* rgb */ color: rgb(19, 107, 121); /* oklch */ color: oklch(48.6% 0.079 211.4);
Tailwind
colors: {
custom: {
50: '#66959f',
500: '#136b79',
950: '#000000',
},
}SCSS
$custom: #136b79; $custom-light: #66959f; $custom-dark: #000000;
JSON
{
"hex": "#136b79",
"rgb": {
"r": 19,
"g": 107,
"b": 121
},
"hsl": {
"h": 188.235,
"s": 72.857,
"l": 27.451
},
"oklch": {
"l": 0.48617,
"c": 0.07934,
"h": 211.4
},
"luminance": 0.12034
}Semantic roles & 50–950 ramp
primary
#136B79
secondary
#AF4939
accent
#5138F0
background
#F6F9F9
surface
#EBF1F2
border
#C6CBCC
text
#070D0E
muted
#7A7E7E