#E44E98#E44E98
#E44E98 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.242؛ OKLCH L 64.9% C 0.198 H 353.6°. أفضل لون لنص المتن هو #000000 بتباين 5.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E44E98 |
|---|---|
| RGB | rgb(228, 78, 152) |
| HSL | hsl(330, 74%, 60%) |
| HSV | hsv(330, 66%, 89%) |
| CMYK | cmyk(0%, 65.8%, 33.3%, 10.6%) |
| CIE-LAB | lab(56.30, 64.26, -8.65) |
| CIE-LCH | lch(56.30, 64.84, 352.33°) |
| OKLab | oklab(64.93% 0.1963 -0.0221) |
| OKLCH | oklch(64.93% 0.198 353.6) |
| XYZ | xyz(40.3890, 24.2143, 32.2465) |
| Luminance | 0.2421 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Barbie Pink
#FE46A5
ΔE00 4.33
Deeppink
#FF1493
ΔE00 4.96
Neon Pink
#FE019A
ΔE00 5.08
Electric Pink
#FF0490
ΔE00 5.33
Shocking Pink
#FE02A2
ΔE00 5.38
Hot Pink (survey)
#FF028D
ΔE00 5.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E44E98 #4EE49A
analogous
#E44EE3 #E44E98 #E44F4E
triadic
#E44E98 #98E44E #4E98E4
tetradic
#E44E98 #E3E44E #4EE49A #4F4EE4
square
#E44E98 #E3E44E #4EE49A #4F4EE4
split-complementary
#E44E98 #4EE44F #4EE3E4
monochromatic
#9F185B #D42079 #E44E98 #EC83B7 #F4B8D6
إمكانية الوصول والتباين
On white
3.59
#E44E98 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.84
#E44E98 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #E44E98
5.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E44E98 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E44E98 | 1.00 | 3.59 | 5.84 | 5.84 |
| #FFFFFF | 3.59 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.84 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#66769A
Deuteranopia (green-blind)
#909194
Tritanopia (blue-blind)
#F5436D
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #e44e98; /* rgb */ color: rgb(228, 78, 152); /* oklch */ color: oklch(64.9% 0.198 353.6);
Tailwind
colors: {
custom: {
50: '#f189b6',
500: '#e44e98',
950: '#000000',
},
}SCSS
$custom: #e44e98; $custom-light: #f189b6; $custom-dark: #000000;
JSON
{
"hex": "#e44e98",
"rgb": {
"r": 228,
"g": 78,
"b": 152
},
"hsl": {
"h": 330.4,
"s": 73.529,
"l": 60
},
"oklch": {
"l": 0.64926,
"c": 0.19755,
"h": 353.6
},
"luminance": 0.2421
}Semantic roles & 50–950 ramp
primary
#E44E98
secondary
#AAE4C7
accent
#F09538
background
#FFF8FB
surface
#FFF0F6
border
#D7CBD0
text
#170C11
muted
#857D80