#331817#331817
#331817 لون داكن جداً وخافت من عائلة أحمر. الإضاءة النسبية 0.014؛ OKLCH L 24.7% C 0.044 H 22.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #331817 |
|---|---|
| RGB | rgb(51, 24, 23) |
| HSL | hsl(2, 38%, 15%) |
| HSV | hsv(2, 55%, 20%) |
| CMYK | cmyk(0%, 52.9%, 54.9%, 80%) |
| CIE-LAB | lab(12.08, 13.36, 6.72) |
| CIE-LCH | lch(12.08, 14.96, 26.69°) |
| OKLab | oklab(24.72% 0.0401 0.017) |
| OKLCH | oklch(24.72% 0.044 22.9) |
| XYZ | xyz(1.8466, 1.4191, 0.9871) |
| Luminance | 0.0142 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 6.55
Dark Maroon
#3C0008
ΔE00 9.01
Deep Brown
#410200
ΔE00 9.37
Chocolate Brown
#411900
ΔE00 9.72
Chocolate (survey)
#3D1C02
ΔE00 9.93
Dark Brown
#341C02
ΔE00 10.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#331817 #173233
analogous
#331724 #331817 #332617
triadic
#331817 #173318 #181733
tetradic
#331817 #243317 #173233 #261733
square
#331817 #243317 #173233 #261733
split-complementary
#331817 #173326 #172433
monochromatic
#150A0A #150A0A #331817 #5D2C2A #87403D
إمكانية الوصول والتباين
On white
16.36
#331817 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#331817 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #331817
16.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##331817 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##331817 | 1.00 | 16.36 | 1.28 | 16.36 |
| #FFFFFF | 16.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.36 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1E1C17
Deuteranopia (green-blind)
#242217
Tritanopia (blue-blind)
#381418
Achromatopsia (no color)
#202020
وسوم التصميم والكود
CSS
--color: #331817; /* rgb */ color: rgb(51, 24, 23); /* oklch */ color: oklch(24.7% 0.044 22.9);
Tailwind
colors: {
custom: {
50: '#6c5553',
500: '#331817',
950: '#000000',
},
}SCSS
$custom: #331817; $custom-light: #6c5553; $custom-dark: #000000;
JSON
{
"hex": "#331817",
"rgb": {
"r": 51,
"g": 24,
"b": 23
},
"hsl": {
"h": 2.143,
"s": 37.838,
"l": 14.51
},
"oklch": {
"l": 0.24721,
"c": 0.04357,
"h": 22.9
},
"luminance": 0.01419
}Semantic roles & 50–950 ramp
primary
#331817
secondary
#3D6769
accent
#CACE5A
background
#F6F4F4
surface
#EBE8E7
border
#C6C4C3
text
#070302
muted
#7A7878