#394828#394828
#394828 لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.057؛ OKLCH L 37.9% C 0.055 H 129.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #394828 |
|---|---|
| RGB | rgb(57, 72, 40) |
| HSL | hsl(88, 29%, 22%) |
| HSV | hsv(88, 44%, 28%) |
| CMYK | cmyk(20.8%, 0%, 44.4%, 71.8%) |
| CIE-LAB | lab(28.53, -12.58, 17.27) |
| CIE-LCH | lch(28.53, 21.37, 126.08°) |
| OKLab | oklab(37.95% -0.0345 0.0424) |
| OKLCH | oklch(37.95% 0.055 129.2) |
| XYZ | xyz(4.3877, 5.6577, 2.8680) |
| Luminance | 0.0566 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 8.45
Forest Green
#2D5A27
ΔE00 8.86
Dark Olive Green
#3C4D03
ΔE00 8.93
Hunter Green
#355E3B
ΔE00 9.06
Navy Green
#35530A
ΔE00 9.10
Forrest Green
#154406
ΔE00 9.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#394828 #372848
analogous
#484728 #394828 #294828
triadic
#394828 #283948 #482839
tetradic
#394828 #284847 #372848 #482829
square
#394828 #284847 #372848 #482829
split-complementary
#394828 #282948 #472848
monochromatic
#10140B #1A2112 #394828 #586F3E #779754
إمكانية الوصول والتباين
On white
9.85
#394828 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.13
#394828 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #394828
9.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##394828 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##394828 | 1.00 | 9.85 | 2.13 | 9.85 |
| #FFFFFF | 9.85 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.13 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.85 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4B4426
Deuteranopia (green-blind)
#49432A
Tritanopia (blue-blind)
#3A4540
Achromatopsia (no color)
#434343
وسوم التصميم والكود
CSS
--color: #394828; /* rgb */ color: rgb(57, 72, 40); /* oklch */ color: oklch(37.9% 0.055 129.2);
Tailwind
colors: {
custom: {
50: '#707b62',
500: '#394828',
950: '#000000',
},
}SCSS
$custom: #394828; $custom-light: #707b62; $custom-dark: #000000;
JSON
{
"hex": "#394828",
"rgb": {
"r": 57,
"g": 72,
"b": 40
},
"hsl": {
"h": 88.125,
"s": 28.571,
"l": 21.961
},
"oklch": {
"l": 0.37949,
"c": 0.05468,
"h": 129.2
},
"luminance": 0.05658
}Semantic roles & 50–950 ramp
primary
#394828
secondary
#65527A
accent
#63C591
background
#F6F7F5
surface
#ECEDEA
border
#C7C8C6
text
#070905
muted
#7A7B79