#8A231B#8A231B
#8A231B لون داكن وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.067؛ OKLCH L 42.2% C 0.140 H 28.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8A231B |
|---|---|
| RGB | rgb(138, 35, 27) |
| HSL | hsl(4, 67%, 32%) |
| HSV | hsv(4, 80%, 54%) |
| CMYK | cmyk(0%, 74.6%, 80.4%, 45.9%) |
| CIE-LAB | lab(31.08, 42.78, 30.86) |
| CIE-LCH | lch(31.08, 52.76, 35.81°) |
| OKLab | oklab(42.23% 0.1224 0.0675) |
| OKLCH | oklch(42.23% 0.14 28.9) |
| XYZ | xyz(11.2814, 6.6862, 1.7332) |
| Luminance | 0.0668 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Crimson (survey)
#8C000F
ΔE00 3.50
Indian Red
#850E04
ΔE00 4.17
Carmine
#9D0216
ΔE00 4.25
Red Brown
#8B2E16
ΔE00 4.35
Darkred
#8B0000
ΔE00 4.64
Brick Red
#8F1402
ΔE00 4.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8A231B #1B828A
analogous
#8A1B4B #8A231B #8A5A1B
triadic
#8A231B #1B8A23 #231B8A
tetradic
#8A231B #4B8A1B #1B828A #5A1B8A
square
#8A231B #4B8A1B #1B828A #5A1B8A
split-complementary
#8A231B #1B8A5A #1B4B8A
monochromatic
#240907 #571611 #8A231B #BD3025 #DB5045
إمكانية الوصول والتباين
On white
8.99
#8A231B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.34
#8A231B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #8A231B
8.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8A231B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8A231B | 1.00 | 8.99 | 2.34 | 8.99 |
| #FFFFFF | 8.99 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.34 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.99 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#423B19
Deuteranopia (green-blind)
#5B5117
Tritanopia (blue-blind)
#980022
Achromatopsia (no color)
#494949
وسوم التصميم والكود
CSS
--color: #8a231b; /* rgb */ color: rgb(138, 35, 27); /* oklch */ color: oklch(42.2% 0.140 28.9);
Tailwind
colors: {
custom: {
50: '#b46658',
500: '#8a231b',
950: '#000000',
},
}SCSS
$custom: #8a231b; $custom-light: #b46658; $custom-dark: #000000;
JSON
{
"hex": "#8a231b",
"rgb": {
"r": 138,
"g": 35,
"b": 27
},
"hsl": {
"h": 4.324,
"s": 67.273,
"l": 32.353
},
"oklch": {
"l": 0.42231,
"c": 0.13973,
"h": 28.9
},
"luminance": 0.06684
}Semantic roles & 50–950 ramp
primary
#8A231B
secondary
#45B3BC
accent
#DEEA3E
background
#FCF6F5
surface
#F8EBE9
border
#D1C6C5
text
#130603
muted
#827A78