#200F09#200F09
#200F09 لون داكن جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.007؛ OKLCH L 19.1% C 0.031 H 40.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.53:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #200F09 |
|---|---|
| RGB | rgb(32, 15, 9) |
| HSL | hsl(16, 56%, 8%) |
| HSV | hsv(16, 72%, 13%) |
| CMYK | cmyk(0%, 53.1%, 71.9%, 87.5%) |
| CIE-LAB | lab(6.04, 7.39, 5.48) |
| CIE-LCH | lch(6.04, 9.20, 36.58°) |
| OKLab | oklab(19.15% 0.024 0.0203) |
| OKLCH | oklch(19.15% 0.031 40.2) |
| XYZ | xyz(0.8158, 0.6685, 0.3445) |
| Luminance | 0.0067 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 3.32
Dark Brown
#341C02
ΔE00 10.01
Black
#000000
ΔE00 10.30
Chocolate (survey)
#3D1C02
ΔE00 11.51
Chocolate Brown
#411900
ΔE00 12.40
Almost Black
#070D0D
ΔE00 12.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#200F09 #091A20
analogous
#20090E #200F09 #201A09
triadic
#200F09 #09200F #0F0920
tetradic
#200F09 #0E2009 #091A20 #1A0920
square
#200F09 #0E2009 #091A20 #1A0920
split-complementary
#200F09 #09201A #090E20
monochromatic
#180B07 #180B07 #200F09 #502516 #803C24
إمكانية الوصول والتباين
On white
18.53
#200F09 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.13
#200F09 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #200F09
18.53:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##200F09 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##200F09 | 1.00 | 18.53 | 1.13 | 18.53 |
| #FFFFFF | 18.53 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.53 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#131109
Deuteranopia (green-blind)
#171509
Tritanopia (blue-blind)
#240C0D
Achromatopsia (no color)
#131313
وسوم التصميم والكود
CSS
--color: #200f09; /* rgb */ color: rgb(32, 15, 9); /* oklch */ color: oklch(19.1% 0.031 40.2);
Tailwind
colors: {
custom: {
50: '#5b4e4b',
500: '#200f09',
950: '#000000',
},
}SCSS
$custom: #200f09; $custom-light: #5b4e4b; $custom-dark: #000000;
JSON
{
"hex": "#200f09",
"rgb": {
"r": 32,
"g": 15,
"b": 9
},
"hsl": {
"h": 15.652,
"s": 56.098,
"l": 8.039
},
"oklch": {
"l": 0.19146,
"c": 0.03139,
"h": 40.2
},
"luminance": 0.00668
}Semantic roles & 50–950 ramp
primary
#200F09
secondary
#284F5C
accent
#B8DF48
background
#F5F4F4
surface
#E9E7E7
border
#C5C3C3
text
#040101
muted
#797777