#4B2437#4B2437
#4B2437 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.030؛ OKLCH L 32.0% C 0.064 H 350.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4B2437 |
|---|---|
| RGB | rgb(75, 36, 55) |
| HSL | hsl(331, 35%, 22%) |
| HSV | hsv(331, 52%, 29%) |
| CMYK | cmyk(0%, 52%, 26.7%, 70.6%) |
| CIE-LAB | lab(20.18, 21.14, -3.98) |
| CIE-LCH | lch(20.18, 21.51, 349.33°) |
| OKLab | oklab(32.03% 0.0635 -0.0103) |
| OKLCH | oklch(32.03% 0.064 350.8) |
| XYZ | xyz(4.2222, 3.0338, 3.9769) |
| Luminance | 0.0303 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Plum (survey)
#580F41
ΔE00 7.98
Dark Plum
#3F012C
ΔE00 8.61
Aubergine
#3D0734
ΔE00 8.97
Purple Brown
#673A3F
ΔE00 9.62
Eggplant
#380835
ΔE00 9.82
Grape Purple
#5D1451
ΔE00 10.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4B2437 #244B38
analogous
#4B244B #4B2437 #4B2524
triadic
#4B2437 #374B24 #24374B
tetradic
#4B2437 #4B4B24 #244B38 #25244B
square
#4B2437 #4B4B24 #244B38 #25244B
split-complementary
#4B2437 #244B25 #244B4B
monochromatic
#150A0F #221019 #4B2437 #743855 #9E4C74
إمكانية الوصول والتباين
On white
13.07
#4B2437 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.61
#4B2437 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4B2437
13.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4B2437 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4B2437 | 1.00 | 13.07 | 1.61 | 13.07 |
| #FFFFFF | 13.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.07 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#282D38
Deuteranopia (green-blind)
#323336
Tritanopia (blue-blind)
#50232B
Achromatopsia (no color)
#313131
وسوم التصميم والكود
CSS
--color: #4b2437; /* rgb */ color: rgb(75, 36, 55); /* oklch */ color: oklch(32.0% 0.064 350.8);
Tailwind
colors: {
custom: {
50: '#7f606d',
500: '#4b2437',
950: '#000000',
},
}SCSS
$custom: #4b2437; $custom-light: #7f606d; $custom-dark: #000000;
JSON
{
"hex": "#4b2437",
"rgb": {
"r": 75,
"g": 36,
"b": 55
},
"hsl": {
"h": 330.769,
"s": 35.135,
"l": 21.765
},
"oklch": {
"l": 0.32026,
"c": 0.06437,
"h": 350.8
},
"luminance": 0.03033
}Semantic roles & 50–950 ramp
primary
#4B2437
secondary
#4C7E66
accent
#CB955D
background
#F7F5F6
surface
#EEE9EB
border
#C9C5C6
text
#0A0507
muted
#7C797A