#EE52DB#EE52DB
#EE52DB لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.293؛ OKLCH L 69.6% C 0.240 H 333.1°. أفضل لون لنص المتن هو #000000 بتباين 6.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EE52DB |
|---|---|
| RGB | rgb(238, 82, 219) |
| HSL | hsl(307, 82%, 63%) |
| HSV | hsv(307, 66%, 93%) |
| CMYK | cmyk(0%, 65.5%, 8%, 6.7%) |
| CIE-LAB | lab(61.07, 74.26, -39.71) |
| CIE-LCH | lch(61.07, 84.21, 331.86°) |
| OKLab | oklab(69.58% 0.214 -0.1087) |
| OKLCH | oklch(69.58% 0.24 333.1) |
| XYZ | xyz(51.0636, 29.3303, 69.9760) |
| Luminance | 0.2933 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpleish Pink
#DF4EC8
ΔE00 3.67
Bright Magenta
#FF08E8
ΔE00 4.59
Candy Pink
#FF63E9
ΔE00 4.61
Light Magenta
#FA5FF7
ΔE00 4.75
Orchid
#DA70D6
ΔE00 5.03
Pinkish Purple
#D648D7
ΔE00 5.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EE52DB #52EE65
analogous
#B352EE #EE52DB #EE528D
triadic
#EE52DB #DBEE52 #52DBEE
tetradic
#EE52DB #EEB352 #52EE65 #528DEE
square
#EE52DB #EEB352 #52EE65 #528DEE
split-complementary
#EE52DB #8DEE52 #52EEB3
monochromatic
#B412A0 #E91ACF #EE52DB #F38AE7 #F9C1F2
إمكانية الوصول والتباين
On white
3.06
#EE52DB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.87
#EE52DB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #EE52DB
6.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EE52DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EE52DB | 1.00 | 3.06 | 6.87 | 6.87 |
| #FFFFFF | 3.06 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.87 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4D85DF
Deuteranopia (green-blind)
#839BD7
Tritanopia (blue-blind)
#F86090
Achromatopsia (no color)
#939393
وسوم التصميم والكود
CSS
--color: #ee52db; /* rgb */ color: rgb(238, 82, 219); /* oklch */ color: oklch(69.6% 0.240 333.1);
Tailwind
colors: {
custom: {
50: '#f78ee6',
500: '#ee52db',
950: '#000000',
},
}SCSS
$custom: #ee52db; $custom-light: #f78ee6; $custom-dark: #000000;
JSON
{
"hex": "#ee52db",
"rgb": {
"r": 238,
"g": 82,
"b": 219
},
"hsl": {
"h": 307.308,
"s": 82.105,
"l": 62.745
},
"oklch": {
"l": 0.69584,
"c": 0.24006,
"h": 333.1
},
"luminance": 0.29326
}Semantic roles & 50–950 ramp
primary
#EE52DB
secondary
#B2EAB9
accent
#DE2107
background
#FFF9FE
surface
#FFF1FC
border
#D7CBD5
text
#180D16
muted
#867E84