#0B170C#0B170C
#0B170C لون داكن جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.007؛ OKLCH L 18.9% C 0.028 H 146.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.39:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #0B170C |
|---|---|
| RGB | rgb(11, 23, 12) |
| HSL | hsl(125, 35%, 7%) |
| HSV | hsv(125, 52%, 9%) |
| CMYK | cmyk(52.2%, 0%, 47.8%, 91%) |
| CIE-LAB | lab(6.42, -6.74, 4.51) |
| CIE-LCH | lch(6.42, 8.11, 146.20°) |
| OKLab | oklab(18.92% -0.0233 0.0155) |
| OKLCH | oklch(18.92% 0.028 146.3) |
| XYZ | xyz(0.5107, 0.7105, 0.4580) |
| Luminance | 0.0071 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 7.46
Black
#000000
ΔE00 9.63
Charcoal (survey)
#343837
ΔE00 12.76
Gunmetal
#2A3439
ΔE00 13.24
Dark Grey
#363737
ΔE00 13.71
Onyx
#353839
ΔE00 13.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#0B170C #170B16
analogous
#10170B #0B170C #0B1712
triadic
#0B170C #0C0B17 #170C0B
tetradic
#0B170C #0B1017 #170B16 #17120B
square
#0B170C #0B1017 #170B16 #17120B
split-complementary
#0B170C #120B17 #170B10
monochromatic
#0A150B #0A150B #0B170C #1F4022 #336A37
إمكانية الوصول والتباين
On white
18.39
#0B170C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.14
#0B170C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #0B170C
18.39:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##0B170C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##0B170C | 1.00 | 18.39 | 1.14 | 18.39 |
| #FFFFFF | 18.39 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.14 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.39 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#17150B
Deuteranopia (green-blind)
#16140D
Tritanopia (blue-blind)
#0A1614
Achromatopsia (no color)
#141414
وسوم التصميم والكود
CSS
--color: #0b170c; /* rgb */ color: rgb(11, 23, 12); /* oklch */ color: oklch(18.9% 0.028 146.3);
Tailwind
colors: {
custom: {
50: '#4b534c',
500: '#0b170c',
950: '#000000',
},
}SCSS
$custom: #0b170c; $custom-light: #4b534c; $custom-dark: #000000;
JSON
{
"hex": "#0b170c",
"rgb": {
"r": 11,
"g": 23,
"b": 12
},
"hsl": {
"h": 125,
"s": 35.294,
"l": 6.667
},
"oklch": {
"l": 0.18924,
"c": 0.028,
"h": 146.3
},
"luminance": 0.0071
}Semantic roles & 50–950 ramp
primary
#0B170C
secondary
#4E2F4C
accent
#5CC2CB
background
#F4F4F4
surface
#E7E7E7
border
#C3C3C3
text
#010201
muted
#777877