#35382A#35382A
#35382A لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.038؛ OKLCH L 33.3% C 0.024 H 117.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #35382A |
|---|---|
| RGB | rgb(53, 56, 42) |
| HSL | hsl(73, 14%, 19%) |
| HSV | hsv(73, 25%, 22%) |
| CMYK | cmyk(5.4%, 0%, 25%, 78%) |
| CIE-LAB | lab(22.84, -4.27, 8.35) |
| CIE-LCH | lch(22.84, 9.38, 117.12°) |
| OKLab | oklab(33.33% -0.0111 0.0213) |
| OKLCH | oklch(33.33% 0.024 117.5) |
| XYZ | xyz(3.3003, 3.7524, 2.7405) |
| Luminance | 0.0375 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Charcoal (survey)
#343837
ΔE00 7.23
Dark Grey
#363737
ΔE00 8.29
Onyx
#353839
ΔE00 8.75
Charcoal Grey
#3C4142
ΔE00 9.13
Gunmetal
#2A3439
ΔE00 11.47
Dark Olive
#373E02
ΔE00 12.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#35382A #2D2A38
analogous
#38342A #35382A #2E382A
triadic
#35382A #2A3538 #382A35
tetradic
#35382A #2A3834 #2D2A38 #382A2E
square
#35382A #2A3834 #2D2A38 #382A2E
split-complementary
#35382A #2A2E38 #342A38
monochromatic
#11110D #141510 #35382A #565B44 #777E5E
إمكانية الوصول والتباين
On white
12.00
#35382A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.75
#35382A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #35382A
12.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##35382A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##35382A | 1.00 | 12.00 | 1.75 | 12.00 |
| #FFFFFF | 12.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.75 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.00 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3A3629
Deuteranopia (green-blind)
#3A372B
Tritanopia (blue-blind)
#363634
Achromatopsia (no color)
#363636
وسوم التصميم والكود
CSS
--color: #35382a; /* rgb */ color: rgb(53, 56, 42); /* oklch */ color: oklch(33.3% 0.024 117.5);
Tailwind
colors: {
custom: {
50: '#6c6e63',
500: '#35382a',
950: '#000000',
},
}SCSS
$custom: #35382a; $custom-light: #6c6e63; $custom-dark: #000000;
JSON
{
"hex": "#35382a",
"rgb": {
"r": 53,
"g": 56,
"b": 42
},
"hsl": {
"h": 72.857,
"s": 14.286,
"l": 19.216
},
"oklch": {
"l": 0.33326,
"c": 0.024,
"h": 117.5
},
"luminance": 0.03752
}Semantic roles & 50–950 ramp
primary
#35382A
secondary
#595568
accent
#71B780
background
#F6F6F5
surface
#EBEBEA
border
#C6C6C6
text
#070705
muted
#7A7A79