#4E4512#4E4512
#4E4512 لون داكن ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.059؛ OKLCH L 38.9% C 0.069 H 99.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4E4512 |
|---|---|
| RGB | rgb(78, 69, 18) |
| HSL | hsl(51, 63%, 19%) |
| HSV | hsv(51, 77%, 31%) |
| CMYK | cmyk(0%, 11.5%, 76.9%, 69.4%) |
| CIE-LAB | lab(29.21, -2.90, 30.75) |
| CIE-LCH | lch(29.21, 30.88, 95.38°) |
| OKLab | oklab(38.88% -0.0109 0.0686) |
| OKLCH | oklch(38.88% 0.069 99) |
| XYZ | xyz(5.3794, 5.9199, 1.4314) |
| Luminance | 0.0592 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Green Brown
#544E03
ΔE00 4.65
Mud Brown
#60460F
ΔE00 7.02
Dark Olive
#373E02
ΔE00 7.08
Olive Brown
#645403
ΔE00 7.35
Dark Olive Green
#3C4D03
ΔE00 9.50
Greenish Brown
#696112
ΔE00 10.45
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4E4512 #121B4E
analogous
#4E2712 #4E4512 #394E12
triadic
#4E4512 #124E45 #45124E
tetradic
#4E4512 #124E27 #121B4E #4E1239
square
#4E4512 #124E27 #121B4E #4E1239
split-complementary
#4E4512 #12394E #27124E
monochromatic
#191606 #1C1907 #4E4512 #80711D #B19D29
إمكانية الوصول والتباين
On white
9.62
#4E4512 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.18
#4E4512 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4E4512
9.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4E4512 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4E4512 | 1.00 | 9.62 | 2.18 | 9.62 |
| #FFFFFF | 9.62 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.18 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.62 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4C430B
Deuteranopia (green-blind)
#4F4615
Tritanopia (blue-blind)
#553F3B
Achromatopsia (no color)
#454545
وسوم التصميم والكود
CSS
--color: #4e4512; /* rgb */ color: rgb(78, 69, 18); /* oklch */ color: oklch(38.9% 0.069 99.0);
Tailwind
colors: {
custom: {
50: '#827853',
500: '#4e4512',
950: '#000000',
},
}SCSS
$custom: #4e4512; $custom-light: #827853; $custom-dark: #000000;
JSON
{
"hex": "#4e4512",
"rgb": {
"r": 78,
"g": 69,
"b": 18
},
"hsl": {
"h": 51,
"s": 62.5,
"l": 18.824
},
"oklch": {
"l": 0.38876,
"c": 0.06948,
"h": 99
},
"luminance": 0.0592
}Semantic roles & 50–950 ramp
primary
#4E4512
secondary
#354187
accent
#5BE642
background
#F8F7F4
surface
#EFEDE7
border
#CAC8C3
text
#0B0803
muted
#7C7B78