#0E2118#0E2118
#0E2118 لون داكن جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.012؛ OKLCH L 22.8% C 0.031 H 162.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #0E2118 |
|---|---|
| RGB | rgb(14, 33, 24) |
| HSL | hsl(152, 40%, 9%) |
| HSV | hsv(152, 58%, 13%) |
| CMYK | cmyk(57.6%, 0%, 27.3%, 87.1%) |
| CIE-LAB | lab(10.90, -10.57, 3.70) |
| CIE-LCH | lch(10.90, 11.20, 160.69°) |
| OKLab | oklab(22.81% -0.0293 0.0095) |
| OKLCH | oklch(22.81% 0.031 162) |
| XYZ | xyz(0.8898, 1.2470, 1.0578) |
| Luminance | 0.0125 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 11.01
Dark Forest Green
#002D04
ΔE00 11.90
Very Dark Green
#062E03
ΔE00 12.07
Charcoal (survey)
#343837
ΔE00 12.48
Gunmetal
#2A3439
ΔE00 12.78
Black
#000000
ΔE00 13.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#0E2118 #210E17
analogous
#0E210F #0E2118 #0E2121
triadic
#0E2118 #180E21 #21180E
tetradic
#0E2118 #0F0E21 #210E17 #21210E
square
#0E2118 #0F0E21 #210E17 #21210E
split-complementary
#0E2118 #210E21 #210F0E
monochromatic
#091510 #091510 #0E2118 #204C37 #327757
إمكانية الوصول والتباين
On white
16.81
#0E2118 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.25
#0E2118 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #0E2118
16.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##0E2118 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0E2118 | 1.00 | 16.81 | 1.25 | 16.81 |
| #FFFFFF | 16.81 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.81 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#201F18
Deuteranopia (green-blind)
#1D1C19
Tritanopia (blue-blind)
#09211E
Achromatopsia (no color)
#1D1D1D
وسوم التصميم والكود
CSS
--color: #0e2118; /* rgb */ color: rgb(14, 33, 24); /* oklch */ color: oklch(22.8% 0.031 162.0);
Tailwind
colors: {
custom: {
50: '#4d5c54',
500: '#0e2118',
950: '#000000',
},
}SCSS
$custom: #0e2118; $custom-light: #4d5c54; $custom-dark: #000000;
JSON
{
"hex": "#0e2118",
"rgb": {
"r": 14,
"g": 33,
"b": 24
},
"hsl": {
"h": 151.579,
"s": 40.426,
"l": 9.216
},
"oklch": {
"l": 0.22812,
"c": 0.03085,
"h": 162
},
"luminance": 0.01247
}Semantic roles & 50–950 ramp
primary
#0E2118
secondary
#593244
accent
#5891D0
background
#F4F5F4
surface
#E7E9E7
border
#C3C5C3
text
#010402
muted
#777978