#34281E#34281E
#34281E لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.023؛ OKLCH L 28.8% C 0.025 H 61.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #34281E |
|---|---|
| RGB | rgb(52, 40, 30) |
| HSL | hsl(27, 27%, 16%) |
| HSV | hsv(27, 42%, 20%) |
| CMYK | cmyk(0%, 23.1%, 42.3%, 79.6%) |
| CIE-LAB | lab(17.19, 3.84, 8.71) |
| CIE-LCH | lch(17.19, 9.52, 66.24°) |
| OKLab | oklab(28.75% 0.012 0.022) |
| OKLCH | oklch(28.75% 0.025 61.4) |
| XYZ | xyz(2.4094, 2.3415, 1.5531) |
| Luminance | 0.0234 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Espresso
#4B382A
ΔE00 6.45
Dark Brown
#341C02
ΔE00 7.73
Dark Grey
#363737
ΔE00 9.85
Chocolate (survey)
#3D1C02
ΔE00 10.30
Onyx
#353839
ΔE00 11.08
Charcoal (survey)
#343837
ΔE00 11.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#34281E #1E2A34
analogous
#341E1F #34281E #34331E
triadic
#34281E #1E3428 #281E34
tetradic
#34281E #1F341E #1E2A34 #331E34
square
#34281E #1F341E #1E2A34 #331E34
split-complementary
#34281E #1E3433 #1E1F34
monochromatic
#130F0B #130F0B #34281E #5B4634 #82644B
إمكانية الوصول والتباين
On white
14.30
#34281E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.47
#34281E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #34281E
14.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##34281E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##34281E | 1.00 | 14.30 | 1.47 | 14.30 |
| #FFFFFF | 14.30 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.30 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2C291D
Deuteranopia (green-blind)
#2F2B1E
Tritanopia (blue-blind)
#382625
Achromatopsia (no color)
#2A2A2A
وسوم التصميم والكود
CSS
--color: #34281e; /* rgb */ color: rgb(52, 40, 30); /* oklch */ color: oklch(28.8% 0.025 61.4);
Tailwind
colors: {
custom: {
50: '#6c6159',
500: '#34281e',
950: '#000000',
},
}SCSS
$custom: #34281e; $custom-light: #6c6159; $custom-dark: #000000;
JSON
{
"hex": "#34281e",
"rgb": {
"r": 52,
"g": 40,
"b": 30
},
"hsl": {
"h": 27.273,
"s": 26.829,
"l": 16.078
},
"oklch": {
"l": 0.28753,
"c": 0.02503,
"h": 61.4
},
"luminance": 0.02341
}Semantic roles & 50–950 ramp
primary
#34281E
secondary
#475867
accent
#98C365
background
#F6F5F5
surface
#EBE9E9
border
#C6C5C5
text
#070503
muted
#7A7978