#3E381C#3E381C
#3E381C لون داكن وخافت من عائلة أصفر. الإضاءة النسبية 0.039؛ OKLCH L 33.9% C 0.044 H 97.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3E381C |
|---|---|
| RGB | rgb(62, 56, 28) |
| HSL | hsl(49, 38%, 18%) |
| HSV | hsv(49, 55%, 24%) |
| CMYK | cmyk(0%, 9.7%, 54.8%, 75.7%) |
| CIE-LAB | lab(23.46, -2.01, 18.36) |
| CIE-LCH | lch(23.46, 18.47, 96.24°) |
| OKLab | oklab(33.95% -0.0058 0.044) |
| OKLCH | oklch(33.95% 0.044 97.5) |
| XYZ | xyz(3.6105, 3.9365, 1.6680) |
| Luminance | 0.0394 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 8.85
Espresso
#4B382A
ΔE00 11.29
Mud Brown
#60460F
ΔE00 11.50
Green Brown
#544E03
ΔE00 11.64
Dark Olive Green
#3C4D03
ΔE00 12.93
Walnut
#5C4A3D
ΔE00 13.06
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3E381C #1C223E
analogous
#3E271C #3E381C #333E1C
triadic
#3E381C #1C3E38 #381C3E
tetradic
#3E381C #1C3E27 #1C223E #3E1C33
square
#3E381C #1C3E27 #1C223E #3E1C33
split-complementary
#3E381C #1C333E #271C3E
monochromatic
#15130A #15130A #3E381C #685E2F #928442
إمكانية الوصول والتباين
On white
11.75
#3E381C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.79
#3E381C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3E381C
11.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3E381C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3E381C | 1.00 | 11.75 | 1.79 | 11.75 |
| #FFFFFF | 11.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.79 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D371A
Deuteranopia (green-blind)
#3F391D
Tritanopia (blue-blind)
#433431
Achromatopsia (no color)
#383838
وسوم التصميم والكود
CSS
--color: #3e381c; /* rgb */ color: rgb(62, 56, 28); /* oklch */ color: oklch(33.9% 0.044 97.5);
Tailwind
colors: {
custom: {
50: '#746e59',
500: '#3e381c',
950: '#000000',
},
}SCSS
$custom: #3e381c; $custom-light: #746e59; $custom-dark: #000000;
JSON
{
"hex": "#3e381c",
"rgb": {
"r": 62,
"g": 56,
"b": 28
},
"hsl": {
"h": 49.412,
"s": 37.778,
"l": 17.647
},
"oklch": {
"l": 0.33949,
"c": 0.04438,
"h": 97.5
},
"luminance": 0.03936
}Semantic roles & 50–950 ramp
primary
#3E381C
secondary
#434B73
accent
#6ECE5A
background
#F7F6F5
surface
#EDEBE9
border
#C8C6C5
text
#080703
muted
#7B7A78