#ED48DB#ED48DB
#ED48DB لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.278؛ OKLCH L 68.5% C 0.251 H 332.7°. أفضل لون لنص المتن هو #000000 بتباين 6.55:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ED48DB |
|---|---|
| RGB | rgb(237, 72, 219) |
| HSL | hsl(307, 82%, 61%) |
| HSV | hsv(307, 70%, 93%) |
| CMYK | cmyk(0%, 69.6%, 7.6%, 7.1%) |
| CIE-LAB | lab(59.67, 77.54, -41.92) |
| CIE-LCH | lch(59.67, 88.15, 331.60°) |
| OKLab | oklab(68.54% 0.2233 -0.115) |
| OKLCH | oklch(68.54% 0.251 332.7) |
| XYZ | xyz(50.0288, 27.7578, 69.7270) |
| Luminance | 0.2775 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpleish Pink
#DF4EC8
ΔE00 3.18
Bright Magenta
#FF08E8
ΔE00 3.53
Pink Purple
#EF1DE7
ΔE00 4.00
Pinkish Purple
#D648D7
ΔE00 4.19
Fuchsia (survey)
#ED0DD9
ΔE00 4.63
Hot Magenta
#F504C9
ΔE00 4.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ED48DB #48ED5A
analogous
#AC48ED #ED48DB #ED4889
triadic
#ED48DB #DBED48 #48DBED
tetradic
#ED48DB #EDAC48 #48ED5A #4889ED
square
#ED48DB #EDAC48 #48ED5A #4889ED
split-complementary
#ED48DB #89ED48 #48EDAC
monochromatic
#AA1199 #E216CB #ED48DB #F280E6 #F8B7F1
إمكانية الوصول والتباين
On white
3.21
#ED48DB on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.55
#ED48DB on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #ED48DB
6.55:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ED48DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ED48DB | 1.00 | 3.21 | 6.55 | 6.55 |
| #FFFFFF | 3.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.55 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4081DF
Deuteranopia (green-blind)
#7D98D7
Tritanopia (blue-blind)
#F7588C
Achromatopsia (no color)
#909090
وسوم التصميم والكود
CSS
--color: #ed48db; /* rgb */ color: rgb(237, 72, 219); /* oklch */ color: oklch(68.5% 0.251 332.7);
Tailwind
colors: {
custom: {
50: '#f789e6',
500: '#ed48db',
950: '#000000',
},
}SCSS
$custom: #ed48db; $custom-light: #f789e6; $custom-dark: #000000;
JSON
{
"hex": "#ed48db",
"rgb": {
"r": 237,
"g": 72,
"b": 219
},
"hsl": {
"h": 306.545,
"s": 82.09,
"l": 60.588
},
"oklch": {
"l": 0.68539,
"c": 0.25117,
"h": 332.7
},
"luminance": 0.27754
}Semantic roles & 50–950 ramp
primary
#ED48DB
secondary
#A9E8B0
accent
#DE1F07
background
#FFF9FE
surface
#FFF1FC
border
#D7CBD5
text
#180D16
muted
#867E84