#E85BB2#E85BB2
#E85BB2 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.279؛ OKLCH L 67.9% C 0.197 H 345.6°. أفضل لون لنص المتن هو #000000 بتباين 6.57:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E85BB2 |
|---|---|
| RGB | rgb(232, 91, 178) |
| HSL | hsl(323, 75%, 63%) |
| HSV | hsv(323, 61%, 91%) |
| CMYK | cmyk(0%, 60.8%, 23.3%, 9%) |
| CIE-LAB | lab(59.76, 63.32, -18.48) |
| CIE-LCH | lch(59.76, 65.96, 343.73°) |
| OKLab | oklab(67.89% 0.1906 -0.0489) |
| OKLCH | oklch(67.89% 0.197 345.6) |
| XYZ | xyz(45.0572, 27.8566, 45.1148) |
| Luminance | 0.2785 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Pale Magenta
#D767AD
ΔE00 3.14
Purplish Pink
#CE5DAE
ΔE00 4.70
Barbie Pink
#FE46A5
ΔE00 4.84
Hot Pink
#FF69B4
ΔE00 5.85
Bubblegum (survey)
#FF6CB5
ΔE00 6.21
Purpleish Pink
#DF4EC8
ΔE00 6.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E85BB2 #5BE891
analogous
#D85BE8 #E85BB2 #E85B6B
triadic
#E85BB2 #B2E85B #5BB2E8
tetradic
#E85BB2 #E8D85B #5BE891 #5B6BE8
square
#E85BB2 #E8D85B #5BE891 #5B6BE8
split-complementary
#E85BB2 #6BE85B #5BE8D8
monochromatic
#B01976 #E02599 #E85BB2 #F091CB #F7C6E4
إمكانية الوصول والتباين
On white
3.20
#E85BB2 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.57
#E85BB2 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #E85BB2
6.57:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E85BB2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E85BB2 | 1.00 | 3.20 | 6.57 | 6.57 |
| #FFFFFF | 3.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.57 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.57 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6981B5
Deuteranopia (green-blind)
#9199AF
Tritanopia (blue-blind)
#F6597F
Achromatopsia (no color)
#909090
وسوم التصميم والكود
CSS
--color: #e85bb2; /* rgb */ color: rgb(232, 91, 178); /* oklch */ color: oklch(67.9% 0.197 345.6);
Tailwind
colors: {
custom: {
50: '#f391c9',
500: '#e85bb2',
950: '#000000',
},
}SCSS
$custom: #e85bb2; $custom-light: #f391c9; $custom-dark: #000000;
JSON
{
"hex": "#e85bb2",
"rgb": {
"r": 232,
"g": 91,
"b": 178
},
"hsl": {
"h": 322.979,
"s": 75.401,
"l": 63.333
},
"oklch": {
"l": 0.67892,
"c": 0.19677,
"h": 345.6
},
"luminance": 0.27852
}Semantic roles & 50–950 ramp
primary
#E85BB2
secondary
#B6E9CA
accent
#D85B0E
background
#FFF9FC
surface
#FFF2F8
border
#D7CCD1
text
#170D13
muted
#857E82