#39371E#39371E
#39371E لون داكن وخافت من عائلة أصفر. الإضاءة النسبية 0.037؛ OKLCH L 33.2% C 0.040 H 104.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #39371E |
|---|---|
| RGB | rgb(57, 55, 30) |
| HSL | hsl(56, 31%, 17%) |
| HSV | hsv(56, 47%, 22%) |
| CMYK | cmyk(0%, 3.5%, 47.4%, 77.6%) |
| CIE-LAB | lab(22.64, -3.64, 15.97) |
| CIE-LCH | lch(22.64, 16.38, 102.83°) |
| OKLab | oklab(33.18% -0.01 0.0389) |
| OKLCH | oklch(33.18% 0.04 104.4) |
| XYZ | xyz(3.2879, 3.6961, 1.7683) |
| Luminance | 0.0370 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 8.87
Charcoal (survey)
#343837
ΔE00 11.77
Dark Grey
#363737
ΔE00 12.23
Espresso
#4B382A
ΔE00 12.86
Dark Olive Green
#3C4D03
ΔE00 12.87
Green Brown
#544E03
ΔE00 12.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#39371E #1E2039
analogous
#392A1E #39371E #2E391E
triadic
#39371E #1E3937 #371E39
tetradic
#39371E #1E392A #1E2039 #391E2E
square
#39371E #1E392A #1E2039 #391E2E
split-complementary
#39371E #1E2E39 #2A1E39
monochromatic
#14130B #14130B #39371E #615E33 #898448
إمكانية الوصول والتباين
On white
12.07
#39371E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.74
#39371E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #39371E
12.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##39371E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##39371E | 1.00 | 12.07 | 1.74 | 12.07 |
| #FFFFFF | 12.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.74 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.07 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3B351C
Deuteranopia (green-blind)
#3C371F
Tritanopia (blue-blind)
#3D3431
Achromatopsia (no color)
#363636
وسوم التصميم والكود
CSS
--color: #39371e; /* rgb */ color: rgb(57, 55, 30); /* oklch */ color: oklch(33.2% 0.040 104.4);
Tailwind
colors: {
custom: {
50: '#706d5a',
500: '#39371e',
950: '#000000',
},
}SCSS
$custom: #39371e; $custom-light: #706d5a; $custom-dark: #000000;
JSON
{
"hex": "#39371e",
"rgb": {
"r": 57,
"g": 55,
"b": 30
},
"hsl": {
"h": 55.556,
"s": 31.034,
"l": 17.059
},
"oklch": {
"l": 0.33184,
"c": 0.04012,
"h": 104.4
},
"luminance": 0.03696
}Semantic roles & 50–950 ramp
primary
#39371E
secondary
#46496D
accent
#68C761
background
#F6F6F5
surface
#ECEBE9
border
#C7C6C5
text
#070703
muted
#7A7A78