#136D7A#136D7A
#136D7A لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.125؛ OKLCH L 49.2% C 0.080 H 210.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #136D7A |
|---|---|
| RGB | rgb(19, 109, 122) |
| HSL | hsl(188, 73%, 28%) |
| HSV | hsv(188, 84%, 48%) |
| CMYK | cmyk(84.4%, 10.7%, 0%, 52.2%) |
| CIE-LAB | lab(41.97, -19.89, -14.37) |
| CIE-LCH | lch(41.97, 24.53, 215.84°) |
| OKLab | oklab(49.2% -0.0693 -0.04) |
| OKLCH | oklch(49.2% 0.08 210) |
| XYZ | xyz(9.2485, 12.4797, 20.3300) |
| Luminance | 0.1248 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Petrol
#005F6A
ΔE00 4.89
Deep Aqua
#08787F
ΔE00 4.96
Dark Aqua
#05696B
ΔE00 5.44
Ocean
#017B92
ΔE00 6.09
Deep Turquoise
#017374
ΔE00 6.16
Dark Aquamarine
#017371
ΔE00 7.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#136D7A #7A2013
analogous
#137A54 #136D7A #13397A
triadic
#136D7A #7A136D #6D7A13
tetradic
#136D7A #54137A #7A2013 #397A13
square
#136D7A #54137A #7A2013 #397A13
split-complementary
#136D7A #7A1339 #7A5413
monochromatic
#04181A #0B3E45 #136D7A #1B9CAF #2AC7DE
إمكانية الوصول والتباين
On white
6.01
#136D7A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.50
#136D7A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #136D7A
6.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##136D7A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##136D7A | 1.00 | 6.01 | 3.50 | 6.01 |
| #FFFFFF | 6.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.50 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#62697B
Deuteranopia (green-blind)
#545F7A
Tritanopia (blue-blind)
#007371
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #136d7a; /* rgb */ color: rgb(19, 109, 122); /* oklch */ color: oklch(49.2% 0.080 210.0);
Tailwind
colors: {
custom: {
50: '#6697a0',
500: '#136d7a',
950: '#000000',
},
}SCSS
$custom: #136d7a; $custom-light: #6697a0; $custom-dark: #000000;
JSON
{
"hex": "#136d7a",
"rgb": {
"r": 19,
"g": 109,
"b": 122
},
"hsl": {
"h": 187.573,
"s": 73.05,
"l": 27.647
},
"oklch": {
"l": 0.49196,
"c": 0.08006,
"h": 210
},
"luminance": 0.12481
}Semantic roles & 50–950 ramp
primary
#136D7A
secondary
#B04839
accent
#4F38F0
background
#F6F9F9
surface
#EBF2F2
border
#C6CCCC
text
#070D0E
muted
#7A7E7E