#8D102E#8D102E
#8D102E لون داكن وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.062؛ OKLCH L 41.6% C 0.156 H 15.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8D102E |
|---|---|
| RGB | rgb(141, 16, 46) |
| HSL | hsl(346, 80%, 31%) |
| HSV | hsv(346, 89%, 55%) |
| CMYK | cmyk(0%, 88.7%, 67.4%, 44.7%) |
| CIE-LAB | lab(29.99, 50.23, 17.75) |
| CIE-LCH | lch(29.99, 53.28, 19.46°) |
| OKLab | oklab(41.63% 0.1501 0.0424) |
| OKLCH | oklch(41.63% 0.156 15.8) |
| XYZ | xyz(11.6643, 6.2324, 3.1730) |
| Luminance | 0.0623 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Red Wine
#8C0034
ΔE00 3.38
Burgundy
#800020
ΔE00 3.81
Wine Red
#7B0323
ΔE00 3.94
Cranberry
#9E003A
ΔE00 4.14
Bordeaux
#7B002C
ΔE00 4.92
Rouge
#AB1239
ΔE00 5.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8D102E #108D6F
analogous
#8D106C #8D102E #8D3010
triadic
#8D102E #2E8D10 #102E8D
tetradic
#8D102E #6C8D10 #108D6F #30108D
square
#8D102E #6C8D10 #108D6F #30108D
split-complementary
#8D102E #108D30 #106C8D
monochromatic
#1F040A #560A1C #8D102E #C41640 #E7305C
إمكانية الوصول والتباين
On white
9.35
#8D102E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.25
#8D102E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #8D102E
9.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8D102E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8D102E | 1.00 | 9.35 | 2.25 | 9.35 |
| #FFFFFF | 9.35 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.35 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#39362E
Deuteranopia (green-blind)
#57502A
Tritanopia (blue-blind)
#9B001E
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #8d102e; /* rgb */ color: rgb(141, 16, 46); /* oklch */ color: oklch(41.6% 0.156 15.8);
Tailwind
colors: {
custom: {
50: '#b66066',
500: '#8d102e',
950: '#000000',
},
}SCSS
$custom: #8d102e; $custom-light: #b66066; $custom-dark: #000000;
JSON
{
"hex": "#8d102e",
"rgb": {
"r": 141,
"g": 16,
"b": 46
},
"hsl": {
"h": 345.6,
"s": 79.618,
"l": 30.784
},
"oklch": {
"l": 0.41625,
"c": 0.15591,
"h": 15.8
},
"luminance": 0.06231
}Semantic roles & 50–950 ramp
primary
#8D102E
secondary
#37C2A0
accent
#F6C732
background
#FCF6F6
surface
#F8EBEB
border
#D1C6C6
text
#130505
muted
#827A7A