#280D04#280D04
#280D04 لون داكن جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.007؛ OKLCH L 20.1% C 0.049 H 41.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #280D04 |
|---|---|
| RGB | rgb(40, 13, 4) |
| HSL | hsl(15, 82%, 9%) |
| HSV | hsv(15, 90%, 16%) |
| CMYK | cmyk(0%, 67.5%, 90%, 84.3%) |
| CIE-LAB | lab(6.76, 12.95, 8.72) |
| CIE-LCH | lch(6.76, 15.62, 33.96°) |
| OKLab | oklab(20.05% 0.0371 0.0322) |
| OKLCH | oklch(20.05% 0.049 41) |
| XYZ | xyz(1.0410, 0.7479, 0.2044) |
| Luminance | 0.0075 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 4.50
Dark Maroon
#3C0008
ΔE00 9.30
Deep Brown
#410200
ΔE00 9.37
Chocolate Brown
#411900
ΔE00 9.43
Chocolate (survey)
#3D1C02
ΔE00 9.50
Dark Brown
#341C02
ΔE00 9.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#280D04 #041F28
analogous
#28040D #280D04 #281F04
triadic
#280D04 #04280D #0D0428
tetradic
#280D04 #0D2804 #041F28 #1F0428
square
#280D04 #0D2804 #041F28 #1F0428
split-complementary
#280D04 #04281F #040D28
monochromatic
#1C0903 #1C0903 #280D04 #601F0A #97310F
إمكانية الوصول والتباين
On white
18.27
#280D04 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.15
#280D04 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #280D04
18.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##280D04 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##280D04 | 1.00 | 18.27 | 1.15 | 18.27 |
| #FFFFFF | 18.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.15 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#141103
Deuteranopia (green-blind)
#1B1704
Tritanopia (blue-blind)
#2D070B
Achromatopsia (no color)
#151515
وسوم التصميم والكود
CSS
--color: #280d04; /* rgb */ color: rgb(40, 13, 4); /* oklch */ color: oklch(20.1% 0.049 41.0);
Tailwind
colors: {
custom: {
50: '#634c48',
500: '#280d04',
950: '#000000',
},
}SCSS
$custom: #280d04; $custom-light: #634c48; $custom-dark: #000000;
JSON
{
"hex": "#280d04",
"rgb": {
"r": 40,
"g": 13,
"b": 4
},
"hsl": {
"h": 15,
"s": 81.818,
"l": 8.627
},
"oklch": {
"l": 0.20054,
"c": 0.0491,
"h": 41
},
"luminance": 0.00748
}Semantic roles & 50–950 ramp
primary
#280D04
secondary
#1D576B
accent
#C6F830
background
#F6F4F4
surface
#EBE7E6
border
#C6C3C2
text
#050100
muted
#7A7777