#301217#301217
#301217 لون داكن جداً وخافت من عائلة أحمر. الإضاءة النسبية 0.011؛ OKLCH L 23.0% C 0.049 H 11.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #301217 |
|---|---|
| RGB | rgb(48, 18, 23) |
| HSL | hsl(350, 45%, 13%) |
| HSV | hsv(350, 63%, 19%) |
| CMYK | cmyk(0%, 62.5%, 52.1%, 81.2%) |
| CIE-LAB | lab(9.98, 15.91, 3.71) |
| CIE-LCH | lch(9.98, 16.33, 13.11°) |
| OKLab | oklab(23.01% 0.0482 0.0096) |
| OKLCH | oklch(23.01% 0.049 11.3) |
| XYZ | xyz(1.5900, 1.1230, 0.9435) |
| Luminance | 0.0112 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 6.61
Dark Maroon
#3C0008
ΔE00 7.73
Deep Brown
#410200
ΔE00 9.46
Mahogany
#4A0100
ΔE00 11.39
Dried Blood
#4B0101
ΔE00 11.47
Dark Plum
#3F012C
ΔE00 11.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#301217 #12302B
analogous
#301226 #301217 #301C12
triadic
#301217 #173012 #121730
tetradic
#301217 #263012 #12302B #1C1230
square
#301217 #263012 #12302B #1C1230
split-complementary
#301217 #12301C #122630
monochromatic
#16080B #16080B #301217 #5D232C #893342
إمكانية الوصول والتباين
On white
17.15
#301217 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.22
#301217 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #301217
17.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##301217 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##301217 | 1.00 | 17.15 | 1.22 | 17.15 |
| #FFFFFF | 17.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.22 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.15 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#181817
Deuteranopia (green-blind)
#201E16
Tritanopia (blue-blind)
#350E14
Achromatopsia (no color)
#1B1B1B
وسوم التصميم والكود
CSS
--color: #301217; /* rgb */ color: rgb(48, 18, 23); /* oklch */ color: oklch(23.0% 0.049 11.3);
Tailwind
colors: {
custom: {
50: '#6a5153',
500: '#301217',
950: '#000000',
},
}SCSS
$custom: #301217; $custom-light: #6a5153; $custom-dark: #000000;
JSON
{
"hex": "#301217",
"rgb": {
"r": 48,
"g": 18,
"b": 23
},
"hsl": {
"h": 350,
"s": 45.455,
"l": 12.941
},
"oklch": {
"l": 0.23011,
"c": 0.04915,
"h": 11.3
},
"luminance": 0.01123
}Semantic roles & 50–950 ramp
primary
#301217
secondary
#366860
accent
#D5BF53
background
#F6F4F4
surface
#EBE7E7
border
#C6C3C3
text
#070202
muted
#7A7878