#4E170F#4E170F
#4E170F لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.023؛ OKLCH L 29.3% C 0.085 H 31.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4E170F |
|---|---|
| RGB | rgb(78, 23, 15) |
| HSL | hsl(8, 68%, 18%) |
| HSV | hsv(8, 81%, 31%) |
| CMYK | cmyk(0%, 70.5%, 80.8%, 69.4%) |
| CIE-LAB | lab(16.83, 25.38, 18.96) |
| CIE-LCH | lch(16.83, 31.68, 36.77°) |
| OKLab | oklab(29.27% 0.0727 0.0436) |
| OKLCH | oklch(29.27% 0.085 31) |
| XYZ | xyz(3.5349, 2.2675, 0.7034) |
| Luminance | 0.0227 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Mahogany
#4A0100
ΔE00 4.47
Dried Blood
#4B0101
ΔE00 4.50
Deep Brown
#410200
ΔE00 5.31
Chocolate Brown
#411900
ΔE00 6.18
Rosewood
#65000B
ΔE00 6.54
Reddy Brown
#6E1005
ΔE00 7.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4E170F #0F464E
analogous
#4E0F26 #4E170F #4E360F
triadic
#4E170F #0F4E17 #170F4E
tetradic
#4E170F #264E0F #0F464E #360F4E
square
#4E170F #264E0F #0F464E #360F4E
split-complementary
#4E170F #0F4E36 #0F264E
monochromatic
#1A0805 #1B0805 #4E170F #812619 #B53523
إمكانية الوصول والتباين
On white
14.45
#4E170F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.45
#4E170F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4E170F
14.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4E170F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4E170F | 1.00 | 14.45 | 1.45 | 14.45 |
| #FFFFFF | 14.45 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.45 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#26220E
Deuteranopia (green-blind)
#342E0D
Tritanopia (blue-blind)
#560915
Achromatopsia (no color)
#2A2A2A
وسوم التصميم والكود
CSS
--color: #4e170f; /* rgb */ color: rgb(78, 23, 15); /* oklch */ color: oklch(29.3% 0.085 31.0);
Tailwind
colors: {
custom: {
50: '#85574e',
500: '#4e170f',
950: '#000000',
},
}SCSS
$custom: #4e170f; $custom-light: #85574e; $custom-dark: #000000;
JSON
{
"hex": "#4e170f",
"rgb": {
"r": 78,
"g": 23,
"b": 15
},
"hsl": {
"h": 7.619,
"s": 67.742,
"l": 18.235
},
"oklch": {
"l": 0.29272,
"c": 0.08477,
"h": 31
},
"luminance": 0.02267
}Semantic roles & 50–950 ramp
primary
#4E170F
secondary
#317D88
accent
#D5EB3D
background
#F8F5F4
surface
#F0E9E7
border
#CBC5C3
text
#0C0301
muted
#7D7877