#3A2020#3A2020
#3A2020 لون داكن وخافت من عائلة أحمر. الإضاءة النسبية 0.020؛ OKLCH L 27.8% C 0.041 H 20.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3A2020 |
|---|---|
| RGB | rgb(58, 32, 32) |
| HSL | hsl(0, 29%, 18%) |
| HSV | hsv(0, 45%, 23%) |
| CMYK | cmyk(0%, 44.8%, 44.8%, 77.3%) |
| CIE-LAB | lab(15.68, 12.58, 5.36) |
| CIE-LCH | lch(15.68, 13.68, 23.09°) |
| OKLab | oklab(27.79% 0.0381 0.0138) |
| OKLCH | oklch(27.79% 0.041 20) |
| XYZ | xyz(2.5223, 2.0371, 1.6266) |
| Luminance | 0.0204 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 8.39
Dark Maroon
#3C0008
ΔE00 10.40
Chocolate Brown
#411900
ΔE00 10.60
Chocolate (survey)
#3D1C02
ΔE00 10.68
Deep Brown
#410200
ΔE00 10.77
Dark Brown
#341C02
ΔE00 11.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3A2020 #203A3A
analogous
#3A202D #3A2020 #3A2D20
triadic
#3A2020 #203A20 #20203A
tetradic
#3A2020 #2D3A20 #203A3A #2D203A
square
#3A2020 #2D3A20 #203A3A #2D203A
split-complementary
#3A2020 #203A2D #202D3A
monochromatic
#140B0B #140B0B #3A2020 #613636 #894C4C
إمكانية الوصول والتباين
On white
14.92
#3A2020 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.41
#3A2020 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3A2020
14.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3A2020 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3A2020 | 1.00 | 14.92 | 1.41 | 14.92 |
| #FFFFFF | 14.92 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.92 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#252420
Deuteranopia (green-blind)
#2C2920
Tritanopia (blue-blind)
#3F1D20
Achromatopsia (no color)
#272727
وسوم التصميم والكود
CSS
--color: #3a2020; /* rgb */ color: rgb(58, 32, 32); /* oklch */ color: oklch(27.8% 0.041 20.0);
Tailwind
colors: {
custom: {
50: '#715b5b',
500: '#3a2020',
950: '#000000',
},
}SCSS
$custom: #3a2020; $custom-light: #715b5b; $custom-dark: #000000;
JSON
{
"hex": "#3a2020",
"rgb": {
"r": 58,
"g": 32,
"b": 32
},
"hsl": {
"h": 0,
"s": 28.889,
"l": 17.647
},
"oklch": {
"l": 0.27791,
"c": 0.0405,
"h": 20
},
"luminance": 0.02037
}Semantic roles & 50–950 ramp
primary
#3A2020
secondary
#496D6D
accent
#C5C563
background
#F6F5F5
surface
#ECE9E9
border
#C7C5C5
text
#080404
muted
#7B7979