#393E2E#393E2E
#393E2E لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.045؛ OKLCH L 35.4% C 0.027 H 121.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #393E2E |
|---|---|
| RGB | rgb(57, 62, 46) |
| HSL | hsl(79, 15%, 21%) |
| HSV | hsv(79, 26%, 24%) |
| CMYK | cmyk(8.1%, 0%, 25.8%, 75.7%) |
| CIE-LAB | lab(25.30, -5.51, 9.17) |
| CIE-LCH | lch(25.30, 10.69, 120.99°) |
| OKLab | oklab(35.4% -0.0145 0.0233) |
| OKLCH | oklch(35.4% 0.027 121.9) |
| XYZ | xyz(3.9031, 4.5124, 3.2496) |
| Luminance | 0.0451 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Charcoal (survey)
#343837
ΔE00 8.31
Dark Grey
#363737
ΔE00 9.54
Charcoal Grey
#3C4142
ΔE00 9.58
Onyx
#353839
ΔE00 9.87
Dark Olive
#373E02
ΔE00 12.05
Gunmetal
#2A3439
ΔE00 12.53
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#393E2E #332E3E
analogous
#3E3B2E #393E2E #313E2E
triadic
#393E2E #2E393E #3E2E39
tetradic
#393E2E #2E3E3B #332E3E #3E2E31
square
#393E2E #2E3E3B #332E3E #3E2E31
split-complementary
#393E2E #2E313E #3B2E3E
monochromatic
#10120D #191B14 #393E2E #596148 #7A8462
إمكانية الوصول والتباين
On white
11.04
#393E2E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.90
#393E2E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #393E2E
11.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##393E2E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##393E2E | 1.00 | 11.04 | 1.90 | 11.04 |
| #FFFFFF | 11.04 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.90 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.04 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#403C2D
Deuteranopia (green-blind)
#3F3C2F
Tritanopia (blue-blind)
#3A3C3A
Achromatopsia (no color)
#3C3C3C
وسوم التصميم والكود
CSS
--color: #393e2e; /* rgb */ color: rgb(57, 62, 46); /* oklch */ color: oklch(35.4% 0.027 121.9);
Tailwind
colors: {
custom: {
50: '#6f7366',
500: '#393e2e',
950: '#000000',
},
}SCSS
$custom: #393e2e; $custom-light: #6f7366; $custom-dark: #000000;
JSON
{
"hex": "#393e2e",
"rgb": {
"r": 57,
"g": 62,
"b": 46
},
"hsl": {
"h": 78.75,
"s": 14.815,
"l": 21.176
},
"oklch": {
"l": 0.35404,
"c": 0.02748,
"h": 121.9
},
"luminance": 0.04512
}Semantic roles & 50–950 ramp
primary
#393E2E
secondary
#605A6E
accent
#70B887
background
#F6F6F6
surface
#ECECEB
border
#C7C7C6
text
#070806
muted
#7A7B7A