#09180B#09180B
#09180B لون داكن جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.007؛ OKLCH L 19.1% C 0.033 H 147.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.31:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #09180B |
|---|---|
| RGB | rgb(9, 24, 11) |
| HSL | hsl(128, 45%, 6%) |
| HSV | hsv(128, 63%, 9%) |
| CMYK | cmyk(62.5%, 0%, 54.2%, 90.6%) |
| CIE-LAB | lab(6.64, -8.17, 5.27) |
| CIE-LCH | lch(6.64, 9.72, 147.15°) |
| OKLab | oklab(19.09% -0.028 0.018) |
| OKLCH | oklch(19.09% 0.033 147.2) |
| XYZ | xyz(0.4997, 0.7355, 0.4322) |
| Luminance | 0.0074 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 8.83
Black
#000000
ΔE00 10.97
Dark Forest Green
#002D04
ΔE00 13.31
Very Dark Green
#062E03
ΔE00 13.33
Charcoal (survey)
#343837
ΔE00 13.41
Gunmetal
#2A3439
ΔE00 13.99
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#09180B #180916
analogous
#0F1809 #09180B #091813
triadic
#09180B #0B0918 #180B09
tetradic
#09180B #090F18 #180916 #181309
square
#09180B #090F18 #180916 #181309
split-complementary
#09180B #130918 #18090F
monochromatic
#08160A #08160A #09180B #1A451F #2A7134
إمكانية الوصول والتباين
On white
18.31
#09180B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.15
#09180B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #09180B
18.31:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##09180B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##09180B | 1.00 | 18.31 | 1.15 | 18.31 |
| #FFFFFF | 18.31 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.15 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.31 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#18160A
Deuteranopia (green-blind)
#16140C
Tritanopia (blue-blind)
#071715
Achromatopsia (no color)
#151515
وسوم التصميم والكود
CSS
--color: #09180b; /* rgb */ color: rgb(9, 24, 11); /* oklch */ color: oklch(19.1% 0.033 147.2);
Tailwind
colors: {
custom: {
50: '#4a544b',
500: '#09180b',
950: '#000000',
},
}SCSS
$custom: #09180b; $custom-light: #4a544b; $custom-dark: #000000;
JSON
{
"hex": "#09180b",
"rgb": {
"r": 9,
"g": 24,
"b": 11
},
"hsl": {
"h": 128,
"s": 45.455,
"l": 6.471
},
"oklch": {
"l": 0.1909,
"c": 0.03332,
"h": 147.2
},
"luminance": 0.00736
}Semantic roles & 50–950 ramp
primary
#09180B
secondary
#522B4D
accent
#53C4D5
background
#F4F4F4
surface
#E7E7E7
border
#C3C3C3
text
#010201
muted
#777877