#E02F66#E02F66
#E02F66 لون متوسط وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.188؛ OKLCH L 60.1% C 0.212 H 8.8°. أفضل لون لنص المتن هو #000000 بتباين 4.77:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E02F66 |
|---|---|
| RGB | rgb(224, 47, 102) |
| HSL | hsl(341, 74%, 53%) |
| HSV | hsv(341, 79%, 88%) |
| CMYK | cmyk(0%, 79%, 54.5%, 12.2%) |
| CIE-LAB | lab(50.50, 68.83, 12.75) |
| CIE-LCH | lch(50.50, 70.00, 10.50°) |
| OKLab | oklab(60.06% 0.2093 0.0324) |
| OKLCH | oklch(60.06% 0.212 8.8) |
| XYZ | xyz(34.1586, 18.8446, 14.4065) |
| Luminance | 0.1884 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Cherry
#DE3163
ΔE00 0.83
Raspberry
#E30B5C
ΔE00 2.65
Cerise
#DE0C62
ΔE00 3.07
Dark Pink
#CB416B
ΔE00 3.99
Deep Rose
#C74767
ΔE00 4.43
Dark Hot Pink
#D90166
ΔE00 4.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E02F66 #2FE0A9
analogous
#E02FBE #E02F66 #E0502F
triadic
#E02F66 #66E02F #2F66E0
tetradic
#E02F66 #BEE02F #2FE0A9 #502FE0
square
#E02F66 #BEE02F #2FE0A9 #502FE0
split-complementary
#E02F66 #2FE050 #2FBEE0
monochromatic
#811335 #B71B4B #E02F66 #E8648D #F09AB4
إمكانية الوصول والتباين
On white
4.40
#E02F66 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.77
#E02F66 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #E02F66
4.77:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E02F66 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E02F66 | 1.00 | 4.40 | 4.77 | 4.77 |
| #FFFFFF | 4.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.77 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.77 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#606267
Deuteranopia (green-blind)
#8D8562
Tritanopia (blue-blind)
#F50047
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #e02f66; /* rgb */ color: rgb(224, 47, 102); /* oklch */ color: oklch(60.1% 0.212 8.8);
Tailwind
colors: {
custom: {
50: '#f17991',
500: '#e02f66',
950: '#000000',
},
}SCSS
$custom: #e02f66; $custom-light: #f17991; $custom-dark: #000000;
JSON
{
"hex": "#e02f66",
"rgb": {
"r": 224,
"g": 47,
"b": 102
},
"hsl": {
"h": 341.356,
"s": 74.059,
"l": 53.137
},
"oklch": {
"l": 0.60064,
"c": 0.21182,
"h": 8.8
},
"luminance": 0.1884
}Semantic roles & 50–950 ramp
primary
#E02F66
secondary
#8FDCC4
accent
#F1B737
background
#FFF8F8
surface
#FFEFF0
border
#D7CACB
text
#180A0C
muted
#867C7D