#4E101A#4E101A
#4E101A لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.021؛ OKLCH L 28.6% C 0.092 H 16.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4E101A |
|---|---|
| RGB | rgb(78, 16, 26) |
| HSL | hsl(350, 66%, 18%) |
| HSV | hsv(350, 79%, 31%) |
| CMYK | cmyk(0%, 79.5%, 66.7%, 69.4%) |
| CIE-LAB | lab(15.83, 29.38, 10.48) |
| CIE-LCH | lch(15.83, 31.20, 19.63°) |
| OKLab | oklab(28.58% 0.0879 0.0256) |
| OKLCH | oklch(28.58% 0.092 16.2) |
| XYZ | xyz(3.5140, 2.0654, 1.1907) |
| Luminance | 0.0207 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dark Maroon
#3C0008
ΔE00 4.50
Deep Brown
#410200
ΔE00 5.21
Burgundy (survey)
#610023
ΔE00 5.46
Maroon (survey)
#650021
ΔE00 5.52
Dried Blood
#4B0101
ΔE00 5.71
Mahogany
#4A0100
ΔE00 5.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4E101A #104E44
analogous
#4E1039 #4E101A #4E2510
triadic
#4E101A #1A4E10 #101A4E
tetradic
#4E101A #394E10 #104E44 #25104E
square
#4E101A #394E10 #104E44 #25104E
split-complementary
#4E101A #104E25 #10394E
monochromatic
#190508 #1B0609 #4E101A #811A2B #B4253C
إمكانية الوصول والتباين
On white
14.86
#4E101A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.41
#4E101A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4E101A
14.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4E101A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4E101A | 1.00 | 14.86 | 1.41 | 14.86 |
| #FFFFFF | 14.86 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.86 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#211F1A
Deuteranopia (green-blind)
#302C18
Tritanopia (blue-blind)
#560114
Achromatopsia (no color)
#272727
وسوم التصميم والكود
CSS
--color: #4e101a; /* rgb */ color: rgb(78, 16, 26); /* oklch */ color: oklch(28.6% 0.092 16.2);
Tailwind
colors: {
custom: {
50: '#845456',
500: '#4e101a',
950: '#000000',
},
}SCSS
$custom: #4e101a; $custom-light: #845456; $custom-dark: #000000;
JSON
{
"hex": "#4e101a",
"rgb": {
"r": 78,
"g": 16,
"b": 26
},
"hsl": {
"h": 350.323,
"s": 65.957,
"l": 18.431
},
"oklch": {
"l": 0.28584,
"c": 0.09158,
"h": 16.2
},
"luminance": 0.02065
}Semantic roles & 50–950 ramp
primary
#4E101A
secondary
#32887A
accent
#E9CD3F
background
#F8F5F5
surface
#F0E8E8
border
#CBC4C4
text
#0C0303
muted
#7D7878