#3A2F1A#3A2F1A
#3A2F1A لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.030؛ OKLCH L 31.2% C 0.037 H 82.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3A2F1A |
|---|---|
| RGB | rgb(58, 47, 26) |
| HSL | hsl(39, 38%, 16%) |
| HSV | hsv(39, 55%, 23%) |
| CMYK | cmyk(0%, 19%, 55.2%, 77.3%) |
| CIE-LAB | lab(20.07, 1.61, 15.31) |
| CIE-LCH | lch(20.07, 15.40, 84.00°) |
| OKLab | oklab(31.16% 0.0047 0.0371) |
| OKLCH | oklch(31.16% 0.037 82.7) |
| XYZ | xyz(2.9480, 3.0073, 1.4023) |
| Luminance | 0.0301 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Espresso
#4B382A
ΔE00 7.46
Dark Brown
#341C02
ΔE00 9.30
Walnut
#5C4A3D
ΔE00 11.42
Dark Grey
#363737
ΔE00 11.97
Chocolate (survey)
#3D1C02
ΔE00 12.15
Charcoal (survey)
#343837
ΔE00 12.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3A2F1A #1A253A
analogous
#3A1F1A #3A2F1A #353A1A
triadic
#3A2F1A #1A3A2F #2F1A3A
tetradic
#3A2F1A #1A3A1F #1A253A #3A1A35
square
#3A2F1A #1A3A1F #1A253A #3A1A35
split-complementary
#3A2F1A #1A353A #1F1A3A
monochromatic
#151109 #151109 #3A2F1A #64512D #8F7340
إمكانية الوصول والتباين
On white
13.11
#3A2F1A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.60
#3A2F1A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3A2F1A
13.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3A2F1A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3A2F1A | 1.00 | 13.11 | 1.60 | 13.11 |
| #FFFFFF | 13.11 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.11 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#342F18
Deuteranopia (green-blind)
#37321B
Tritanopia (blue-blind)
#3F2B2A
Achromatopsia (no color)
#303030
وسوم التصميم والكود
CSS
--color: #3a2f1a; /* rgb */ color: rgb(58, 47, 26); /* oklch */ color: oklch(31.2% 0.037 82.7);
Tailwind
colors: {
custom: {
50: '#716757',
500: '#3a2f1a',
950: '#000000',
},
}SCSS
$custom: #3a2f1a; $custom-light: #716757; $custom-dark: #000000;
JSON
{
"hex": "#3a2f1a",
"rgb": {
"r": 58,
"g": 47,
"b": 26
},
"hsl": {
"h": 39.375,
"s": 38.095,
"l": 16.471
},
"oklch": {
"l": 0.31159,
"c": 0.03737,
"h": 82.7
},
"luminance": 0.03007
}Semantic roles & 50–950 ramp
primary
#3A2F1A
secondary
#40516F
accent
#82CE5A
background
#F6F6F5
surface
#ECEBE9
border
#C7C6C5
text
#080603
muted
#7B7A78