#3E441A#3E441A
#3E441A لون داكن ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.052؛ OKLCH L 37.1% C 0.063 H 116.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3E441A |
|---|---|
| RGB | rgb(62, 68, 26) |
| HSL | hsl(69, 45%, 18%) |
| HSV | hsv(69, 62%, 27%) |
| CMYK | cmyk(8.8%, 0%, 61.8%, 73.3%) |
| CIE-LAB | lab(27.39, -9.69, 24.20) |
| CIE-LCH | lch(27.39, 26.07, 111.81°) |
| OKLab | oklab(37.07% -0.028 0.0565) |
| OKLCH | oklch(37.07% 0.063 116.3) |
| XYZ | xyz(4.2403, 5.2330, 1.7638) |
| Luminance | 0.0523 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 4.12
Dark Olive Green
#3C4D03
ΔE00 6.36
Navy Green
#35530A
ΔE00 8.54
Green Brown
#544E03
ΔE00 8.80
Army Green
#4B5D16
ΔE00 9.59
Forrest Green
#154406
ΔE00 10.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3E441A #201A44
analogous
#44351A #3E441A #29441A
triadic
#3E441A #1A3E44 #441A3E
tetradic
#3E441A #1A4435 #201A44 #441A29
square
#3E441A #1A4435 #201A44 #441A29
split-complementary
#3E441A #1A2944 #351A44
monochromatic
#141608 #161809 #3E441A #66702B #8F9D3C
إمكانية الوصول والتباين
On white
10.26
#3E441A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.05
#3E441A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3E441A
10.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3E441A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3E441A | 1.00 | 10.26 | 2.05 | 10.26 |
| #FFFFFF | 10.26 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.26 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#494016
Deuteranopia (green-blind)
#48411C
Tritanopia (blue-blind)
#42403B
Achromatopsia (no color)
#414141
وسوم التصميم والكود
CSS
--color: #3e441a; /* rgb */ color: rgb(62, 68, 26); /* oklch */ color: oklch(37.1% 0.063 116.3);
Tailwind
colors: {
custom: {
50: '#747758',
500: '#3e441a',
950: '#000000',
},
}SCSS
$custom: #3e441a; $custom-light: #747758; $custom-dark: #000000;
JSON
{
"hex": "#3e441a",
"rgb": {
"r": 62,
"g": 68,
"b": 26
},
"hsl": {
"h": 68.571,
"s": 44.681,
"l": 18.431
},
"oklch": {
"l": 0.37068,
"c": 0.06309,
"h": 116.3
},
"luminance": 0.05233
}Semantic roles & 50–950 ramp
primary
#3E441A
secondary
#48407A
accent
#53D466
background
#F7F7F5
surface
#EDEDE9
border
#C8C8C5
text
#080803
muted
#7B7B78