#3A1C19#3A1C19
#3A1C19 لون داكن وخافت من عائلة أحمر. الإضاءة النسبية 0.018؛ OKLCH L 26.8% C 0.048 H 26.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3A1C19 |
|---|---|
| RGB | rgb(58, 28, 25) |
| HSL | hsl(5, 40%, 16%) |
| HSV | hsv(5, 57%, 23%) |
| CMYK | cmyk(0%, 51.7%, 56.9%, 77.3%) |
| CIE-LAB | lab(14.40, 14.32, 8.62) |
| CIE-LCH | lch(14.40, 16.71, 31.03°) |
| OKLab | oklab(26.75% 0.0427 0.0215) |
| OKLCH | oklch(26.75% 0.048 26.7) |
| XYZ | xyz(2.3358, 1.8005, 1.1440) |
| Luminance | 0.0180 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Chocolate Brown
#411900
ΔE00 8.27
Very Dark Brown
#1D0200
ΔE00 8.43
Chocolate (survey)
#3D1C02
ΔE00 8.66
Deep Brown
#410200
ΔE00 8.67
Dark Maroon
#3C0008
ΔE00 8.92
Mahogany
#4A0100
ΔE00 9.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3A1C19 #19373A
analogous
#3A1927 #3A1C19 #3A2D19
triadic
#3A1C19 #193A1C #1C193A
tetradic
#3A1C19 #273A19 #19373A #2D193A
square
#3A1C19 #273A19 #19373A #2D193A
split-complementary
#3A1C19 #193A2D #19273A
monochromatic
#150A09 #150A09 #3A1C19 #65312B #90453E
إمكانية الوصول والتباين
On white
15.44
#3A1C19 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.36
#3A1C19 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3A1C19
15.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3A1C19 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3A1C19 | 1.00 | 15.44 | 1.36 | 15.44 |
| #FFFFFF | 15.44 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.44 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#232119
Deuteranopia (green-blind)
#2A2718
Tritanopia (blue-blind)
#40181B
Achromatopsia (no color)
#242424
وسوم التصميم والكود
CSS
--color: #3a1c19; /* rgb */ color: rgb(58, 28, 25); /* oklch */ color: oklch(26.8% 0.048 26.7);
Tailwind
colors: {
custom: {
50: '#725855',
500: '#3a1c19',
950: '#000000',
},
}SCSS
$custom: #3a1c19; $custom-light: #725855; $custom-dark: #000000;
JSON
{
"hex": "#3a1c19",
"rgb": {
"r": 58,
"g": 28,
"b": 25
},
"hsl": {
"h": 5.455,
"s": 39.759,
"l": 16.275
},
"oklch": {
"l": 0.26754,
"c": 0.04785,
"h": 26.7
},
"luminance": 0.018
}Semantic roles & 50–950 ramp
primary
#3A1C19
secondary
#3F6B70
accent
#C5D058
background
#F7F5F4
surface
#EDE9E8
border
#C8C5C4
text
#080303
muted
#7B7878