#8C1915#8C1915
#8C1915 لون داكن وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.063؛ OKLCH L 41.6% C 0.151 H 28.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #8C1915 |
|---|---|
| RGB | rgb(140, 25, 21) |
| HSL | hsl(2, 74%, 32%) |
| HSV | hsv(2, 85%, 55%) |
| CMYK | cmyk(0%, 82.1%, 85%, 45.1%) |
| CIE-LAB | lab(30.22, 46.62, 33.57) |
| CIE-LCH | lch(30.22, 57.45, 35.76°) |
| OKLab | oklab(41.65% 0.1329 0.071) |
| OKLCH | oklch(41.65% 0.151 28.1) |
| XYZ | xyz(11.2996, 6.3267, 1.3355) |
| Luminance | 0.0633 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Crimson (survey)
#8C000F
ΔE00 2.12
Indian Red
#850E04
ΔE00 3.22
Darkred
#8B0000
ΔE00 3.41
Carmine
#9D0216
ΔE00 3.42
Dark Red
#840000
ΔE00 3.68
Blood Red
#980002
ΔE00 3.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#8C1915 #15888C
analogous
#8C154D #8C1915 #8C5515
triadic
#8C1915 #158C19 #19158C
tetradic
#8C1915 #4D8C15 #15888C #55158C
square
#8C1915 #4D8C15 #15888C #55158C
split-complementary
#8C1915 #158C55 #154D8C
monochromatic
#220605 #570F0D #8C1915 #C1231D #E1403A
إمكانية الوصول والتباين
On white
9.27
#8C1915 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.27
#8C1915 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #8C1915
9.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##8C1915 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##8C1915 | 1.00 | 9.27 | 2.27 | 9.27 |
| #FFFFFF | 9.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3E3713
Deuteranopia (green-blind)
#5A500F
Tritanopia (blue-blind)
#9B001A
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #8c1915; /* rgb */ color: rgb(140, 25, 21); /* oklch */ color: oklch(41.6% 0.151 28.1);
Tailwind
colors: {
custom: {
50: '#b76254',
500: '#8c1915',
950: '#000000',
},
}SCSS
$custom: #8c1915; $custom-light: #b76254; $custom-dark: #000000;
JSON
{
"hex": "#8c1915",
"rgb": {
"r": 140,
"g": 25,
"b": 21
},
"hsl": {
"h": 2.017,
"s": 73.913,
"l": 31.569
},
"oklch": {
"l": 0.41646,
"c": 0.15069,
"h": 28.1
},
"luminance": 0.06325
}Semantic roles & 50–950 ramp
primary
#8C1915
secondary
#3DBBC0
accent
#EAF137
background
#FCF6F4
surface
#F8EBE7
border
#D1C6C3
text
#130602
muted
#827A78