#0E261A#0E261A
#0E261A لون داكن جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.016؛ OKLCH L 24.5% C 0.038 H 159.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #0E261A |
|---|---|
| RGB | rgb(14, 38, 26) |
| HSL | hsl(150, 46%, 10%) |
| HSV | hsv(150, 63%, 15%) |
| CMYK | cmyk(63.2%, 0%, 31.6%, 85.1%) |
| CIE-LAB | lab(12.95, -13.04, 5.14) |
| CIE-LCH | lch(12.95, 14.02, 158.49°) |
| OKLab | oklab(24.49% -0.0359 0.0131) |
| OKLCH | oklch(24.49% 0.038 159.9) |
| XYZ | xyz(1.0606, 1.5541, 1.2212) |
| Luminance | 0.0155 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Forest Green
#002D04
ΔE00 9.87
Very Dark Green
#062E03
ΔE00 10.10
Evergreen
#05472A
ΔE00 12.42
Dark Green
#033500
ΔE00 12.67
Charcoal (survey)
#343837
ΔE00 13.37
Almost Black
#070D0D
ΔE00 13.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#0E261A #260E1A
analogous
#0E260E #0E261A #0E2626
triadic
#0E261A #1A0E26 #261A0E
tetradic
#0E261A #0E0E26 #260E1A #26260E
square
#0E261A #0E0E26 #260E1A #26260E
split-complementary
#0E261A #260E26 #260E0E
monochromatic
#08160F #08160F #0E261A #1E5339 #2F7F57
إمكانية الوصول والتباين
On white
16.02
#0E261A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.31
#0E261A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #0E261A
16.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##0E261A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0E261A | 1.00 | 16.02 | 1.31 | 16.02 |
| #FFFFFF | 16.02 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.02 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#262319
Deuteranopia (green-blind)
#22201B
Tritanopia (blue-blind)
#072623
Achromatopsia (no color)
#212121
وسوم التصميم والكود
CSS
--color: #0e261a; /* rgb */ color: rgb(14, 38, 26); /* oklch */ color: oklch(24.5% 0.038 159.9);
Tailwind
colors: {
custom: {
50: '#4e6056',
500: '#0e261a',
950: '#000000',
},
}SCSS
$custom: #0e261a; $custom-light: #4e6056; $custom-dark: #000000;
JSON
{
"hex": "#0e261a",
"rgb": {
"r": 14,
"g": 38,
"b": 26
},
"hsl": {
"h": 150,
"s": 46.154,
"l": 10.196
},
"oklch": {
"l": 0.24494,
"c": 0.03826,
"h": 159.9
},
"luminance": 0.01554
}Semantic roles & 50–950 ramp
primary
#0E261A
secondary
#5F3148
accent
#5294D6
background
#F4F5F5
surface
#E7E9E9
border
#C3C5C5
text
#020503
muted
#787978