#E04FA4#E04FA4
#E04FA4 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.241؛ OKLCH L 64.9% C 0.199 H 347.9°. أفضل لون لنص المتن هو #000000 بتباين 5.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E04FA4 |
|---|---|
| RGB | rgb(224, 79, 164) |
| HSL | hsl(325, 70%, 59%) |
| HSV | hsv(325, 65%, 88%) |
| CMYK | cmyk(0%, 64.7%, 26.8%, 12.2%) |
| CIE-LAB | lab(56.21, 64.18, -15.88) |
| CIE-LCH | lch(56.21, 66.12, 346.11°) |
| OKLab | oklab(64.87% 0.1946 -0.0417) |
| OKLCH | oklch(64.87% 0.199 347.9) |
| XYZ | xyz(40.2390, 24.1237, 37.6520) |
| Luminance | 0.2412 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Pink
#CE5DAE
ΔE00 4.29
Pale Magenta
#D767AD
ΔE00 4.42
Barbie Pink
#FE46A5
ΔE00 5.18
Shocking Pink
#FE02A2
ΔE00 5.40
Bright Pink
#FE01B1
ΔE00 5.58
Neon Pink
#FE019A
ΔE00 5.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E04FA4 #4FE08B
analogous
#D44FE0 #E04FA4 #E04F5C
triadic
#E04FA4 #A4E04F #4FA4E0
tetradic
#E04FA4 #E0D44F #4FE08B #4F5CE0
square
#E04FA4 #E0D44F #4FE08B #4F5CE0
split-complementary
#E04FA4 #5CE04F #4FE0D4
monochromatic
#9A1B65 #CE2488 #E04FA4 #E983BF #F2B7DA
إمكانية الوصول والتباين
On white
3.61
#E04FA4 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.82
#E04FA4 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #E04FA4
5.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E04FA4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E04FA4 | 1.00 | 3.61 | 5.82 | 5.82 |
| #FFFFFF | 3.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6177A7
Deuteranopia (green-blind)
#8B90A1
Tritanopia (blue-blind)
#EF4A73
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #e04fa4; /* rgb */ color: rgb(224, 79, 164); /* oklch */ color: oklch(64.9% 0.199 347.9);
Tailwind
colors: {
custom: {
50: '#ee89bf',
500: '#e04fa4',
950: '#000000',
},
}SCSS
$custom: #e04fa4; $custom-light: #ee89bf; $custom-dark: #000000;
JSON
{
"hex": "#e04fa4",
"rgb": {
"r": 224,
"g": 79,
"b": 164
},
"hsl": {
"h": 324.828,
"s": 70.048,
"l": 59.412
},
"oklch": {
"l": 0.64871,
"c": 0.19898,
"h": 347.9
},
"luminance": 0.2412
}Semantic roles & 50–950 ramp
primary
#E04FA4
secondary
#A9E2C1
accent
#ED853B
background
#FFF8FB
surface
#FEF0F7
border
#D6CBD0
text
#170C12
muted
#857D81