#128366#128366
#128366 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.173؛ OKLCH L 54.4% C 0.104 H 169.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #128366 |
|---|---|
| RGB | rgb(18, 131, 102) |
| HSL | hsl(165, 76%, 29%) |
| HSV | hsv(165, 86%, 51%) |
| CMYK | cmyk(86.3%, 0%, 22.1%, 48.6%) |
| CIE-LAB | lab(48.66, -36.81, 7.41) |
| CIE-LCH | lch(48.66, 37.55, 168.62°) |
| OKLab | oklab(54.44% -0.1023 0.0189) |
| OKLCH | oklch(54.44% 0.104 169.5) |
| XYZ | xyz(10.7627, 17.3191, 15.3435) |
| Luminance | 0.1732 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Sea Green
#11875D
ΔE00 3.91
Viridian
#1E9167
ΔE00 5.97
Sea Green
#2E8B57
ΔE00 7.24
Teal (survey)
#029386
ΔE00 8.64
Ocean Green
#3D9973
ΔE00 8.66
Jungle Green
#048243
ΔE00 9.01
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#128366 #83122F
analogous
#12832E #128366 #126883
triadic
#128366 #661283 #836612
tetradic
#128366 #2E1283 #83122F #688312
square
#128366 #2E1283 #83122F #688312
split-complementary
#128366 #831268 #832E12
monochromatic
#041B15 #0B4D3C #128366 #19B990 #2DE2B4
إمكانية الوصول والتباين
On white
4.70
#128366 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.46
#128366 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #128366
4.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##128366 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##128366 | 1.00 | 4.70 | 4.46 | 4.70 |
| #FFFFFF | 4.70 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.46 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.70 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7F7965
Deuteranopia (green-blind)
#727068
Tritanopia (blue-blind)
#00847B
Achromatopsia (no color)
#747474
وسوم التصميم والكود
CSS
--color: #128366; /* rgb */ color: rgb(18, 131, 102); /* oklch */ color: oklch(54.4% 0.104 169.5);
Tailwind
colors: {
custom: {
50: '#68a891',
500: '#128366',
950: '#000000',
},
}SCSS
$custom: #128366; $custom-light: #68a891; $custom-dark: #000000;
JSON
{
"hex": "#128366",
"rgb": {
"r": 18,
"g": 131,
"b": 102
},
"hsl": {
"h": 164.602,
"s": 75.839,
"l": 29.216
},
"oklch": {
"l": 0.54442,
"c": 0.10404,
"h": 169.5
},
"luminance": 0.17321
}Semantic roles & 50–950 ramp
primary
#128366
secondary
#B83859
accent
#3566F2
background
#F6FAF8
surface
#ECF4F0
border
#C7CECB
text
#07100C
muted
#7A7F7D