#201D0B#201D0B
#201D0B لون داكن جداً وخافت من عائلة أصفر. الإضاءة النسبية 0.012؛ OKLCH L 22.9% C 0.031 H 100.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #201D0B |
|---|---|
| RGB | rgb(32, 29, 11) |
| HSL | hsl(51, 49%, 8%) |
| HSV | hsv(51, 66%, 13%) |
| CMYK | cmyk(0%, 9.4%, 65.6%, 87.5%) |
| CIE-LAB | lab(10.63, -1.84, 11.29) |
| CIE-LCH | lch(10.63, 11.44, 99.28°) |
| OKLab | oklab(22.89% -0.0054 0.0306) |
| OKLCH | oklch(22.89% 0.031 100) |
| XYZ | xyz(1.0955, 1.2100, 0.4924) |
| Luminance | 0.0121 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Almost Black
#070D0D
ΔE00 10.58
Black
#000000
ΔE00 11.20
Charcoal (survey)
#343837
ΔE00 12.30
Dark Grey
#363737
ΔE00 12.41
Dark Brown
#341C02
ΔE00 13.06
Onyx
#353839
ΔE00 13.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#201D0B #0B0E20
analogous
#20120B #201D0B #18200B
triadic
#201D0B #0B201D #1D0B20
tetradic
#201D0B #0B2012 #0B0E20 #200B18
square
#201D0B #0B2012 #0B0E20 #200B18
split-complementary
#201D0B #0B1820 #120B20
monochromatic
#171508 #171508 #201D0B #4E461B #7B702A
إمكانية الوصول والتباين
On white
16.91
#201D0B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.24
#201D0B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #201D0B
16.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##201D0B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##201D0B | 1.00 | 16.91 | 1.24 | 16.91 |
| #FFFFFF | 16.91 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.24 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.91 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#201C09
Deuteranopia (green-blind)
#211D0C
Tritanopia (blue-blind)
#231B19
Achromatopsia (no color)
#1D1D1D
وسوم التصميم والكود
CSS
--color: #201d0b; /* rgb */ color: rgb(32, 29, 11); /* oklch */ color: oklch(22.9% 0.031 100.0);
Tailwind
colors: {
custom: {
50: '#5b584b',
500: '#201d0b',
950: '#000000',
},
}SCSS
$custom: #201d0b; $custom-light: #5b584b; $custom-dark: #000000;
JSON
{
"hex": "#201d0b",
"rgb": {
"r": 32,
"g": 29,
"b": 11
},
"hsl": {
"h": 51.429,
"s": 48.837,
"l": 8.431
},
"oklch": {
"l": 0.22894,
"c": 0.0311,
"h": 100
},
"luminance": 0.0121
}Semantic roles & 50–950 ramp
primary
#201D0B
secondary
#2C335A
accent
#63D84F
background
#F5F5F4
surface
#E9E9E7
border
#C5C5C3
text
#040301
muted
#797877