#4E2443#4E2443
#4E2443 لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.033؛ OKLCH L 33.0% C 0.077 H 338.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4E2443 |
|---|---|
| RGB | rgb(78, 36, 67) |
| HSL | hsl(316, 37%, 22%) |
| HSV | hsv(316, 54%, 31%) |
| CMYK | cmyk(0%, 53.8%, 14.1%, 69.4%) |
| CIE-LAB | lab(21.16, 24.47, -10.71) |
| CIE-LCH | lch(21.16, 26.71, 336.35°) |
| OKLab | oklab(33.03% 0.0715 -0.0288) |
| OKLCH | oklch(33.03% 0.077 338.1) |
| XYZ | xyz(4.7859, 3.2870, 5.6915) |
| Luminance | 0.0329 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Plum (survey)
#580F41
ΔE00 5.64
Grape Purple
#5D1451
ΔE00 6.74
Aubergine
#3D0734
ΔE00 6.97
Eggplant
#380835
ΔE00 7.61
Dark Plum
#3F012C
ΔE00 7.75
Grape
#6C3461
ΔE00 7.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4E2443 #244E2F
analogous
#44244E #4E2443 #4E242E
triadic
#4E2443 #434E24 #24434E
tetradic
#4E2443 #4E4424 #244E2F #242E4E
square
#4E2443 #4E4424 #244E2F #242E4E
split-complementary
#4E2443 #2E4E24 #244E44
monochromatic
#150A12 #24111F #4E2443 #783767 #A24B8B
إمكانية الوصول والتباين
On white
12.67
#4E2443 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.66
#4E2443 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4E2443
12.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4E2443 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4E2443 | 1.00 | 12.67 | 1.66 | 12.67 |
| #FFFFFF | 12.67 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.66 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.67 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#252F44
Deuteranopia (green-blind)
#313542
Tritanopia (blue-blind)
#522530
Achromatopsia (no color)
#333333
وسوم التصميم والكود
CSS
--color: #4e2443; /* rgb */ color: rgb(78, 36, 67); /* oklch */ color: oklch(33.0% 0.077 338.1);
Tailwind
colors: {
custom: {
50: '#816077',
500: '#4e2443',
950: '#000000',
},
}SCSS
$custom: #4e2443; $custom-light: #816077; $custom-dark: #000000;
JSON
{
"hex": "#4e2443",
"rgb": {
"r": 78,
"g": 36,
"b": 67
},
"hsl": {
"h": 315.714,
"s": 36.842,
"l": 22.353
},
"oklch": {
"l": 0.33025,
"c": 0.0771,
"h": 338.1
},
"luminance": 0.03287
}Semantic roles & 50–950 ramp
primary
#4E2443
secondary
#4C815A
accent
#CD795B
background
#F8F5F7
surface
#EFE9ED
border
#CAC5C8
text
#0A0508
muted
#7C797B