#E57ABF#E57ABF
#E57ABF لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.343؛ OKLCH L 72.0% C 0.155 H 342.4°. أفضل لون لنص المتن هو #000000 بتباين 7.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E57ABF |
|---|---|
| RGB | rgb(229, 122, 191) |
| HSL | hsl(321, 67%, 69%) |
| HSV | hsv(321, 47%, 90%) |
| CMYK | cmyk(0%, 46.7%, 16.6%, 10.2%) |
| CIE-LAB | lab(65.23, 49.89, -17.61) |
| CIE-LCH | lch(65.23, 52.91, 340.56°) |
| OKLab | oklab(72.03% 0.1475 -0.0468) |
| OKLCH | oklch(72.03% 0.155 342.4) |
| XYZ | xyz(48.6773, 34.3421, 53.3450) |
| Luminance | 0.3434 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Bubblegum Pink
#FE83CC
ΔE00 4.67
Pale Magenta
#D767AD
ΔE00 5.29
Pink (survey)
#FF81C0
ΔE00 5.36
Bubblegum (survey)
#FF6CB5
ΔE00 5.45
Lavender Pink
#DD85D7
ΔE00 5.60
Hot Pink
#FF69B4
ΔE00 5.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E57ABF #7AE5A0
analogous
#D67AE5 #E57ABF #E57A8A
triadic
#E57ABF #BFE57A #7ABFE5
tetradic
#E57ABF #E5D67A #7AE5A0 #7A8AE5
square
#E57ABF #E5D67A #7AE5A0 #7A8AE5
split-complementary
#E57ABF #8AE57A #7AE5D6
monochromatic
#BF2589 #DB47A6 #E57ABF #EFADD8 #F9E0F0
إمكانية الوصول والتباين
On white
2.67
#E57ABF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.87
#E57ABF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E57ABF
7.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E57ABF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E57ABF | 1.00 | 2.67 | 7.87 | 7.87 |
| #FFFFFF | 2.67 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.87 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8094C1
Deuteranopia (green-blind)
#9DA5BC
Tritanopia (blue-blind)
#F17B94
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #e57abf; /* rgb */ color: rgb(229, 122, 191); /* oklch */ color: oklch(72.0% 0.155 342.4);
Tailwind
colors: {
custom: {
50: '#efa3d2',
500: '#e57abf',
950: '#000000',
},
}SCSS
$custom: #e57abf; $custom-light: #efa3d2; $custom-dark: #000000;
JSON
{
"hex": "#e57abf",
"rgb": {
"r": 229,
"g": 122,
"b": 191
},
"hsl": {
"h": 321.308,
"s": 67.296,
"l": 68.824
},
"oklch": {
"l": 0.7203,
"c": 0.1548,
"h": 342.4
},
"luminance": 0.34339
}Semantic roles & 50–950 ramp
primary
#E57ABF
secondary
#CEEDD9
accent
#CF5816
background
#FEFAFC
surface
#FDF4F9
border
#D5CED2
text
#170F14
muted
#857F82