#E487D0#E487D0
#E487D0 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.384؛ OKLCH L 74.5% C 0.145 H 335.3°. أفضل لون لنص المتن هو #000000 بتباين 8.68:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E487D0 |
|---|---|
| RGB | rgb(228, 135, 208) |
| HSL | hsl(313, 63%, 71%) |
| HSV | hsv(313, 41%, 89%) |
| CMYK | cmyk(0%, 40.8%, 8.8%, 10.6%) |
| CIE-LAB | lab(68.30, 45.70, -22.48) |
| CIE-LCH | lch(68.30, 50.93, 333.81°) |
| OKLab | oklab(74.5% 0.1317 -0.0605) |
| OKLCH | oklch(74.5% 0.145 335.3) |
| XYZ | xyz(52.0439, 38.3789, 64.3289) |
| Luminance | 0.3838 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Lavender Pink
#DD85D7
ΔE00 2.62
Bubblegum Pink
#FE83CC
ΔE00 5.00
Violet (CSS)
#EE82EE
ΔE00 5.71
Purply Pink
#F075E6
ΔE00 5.92
Plum
#DDA0DD
ΔE00 6.38
Orchid
#DA70D6
ΔE00 6.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E487D0 #87E49B
analogous
#C987E4 #E487D0 #E487A1
triadic
#E487D0 #D0E487 #87D0E4
tetradic
#E487D0 #E4C987 #87E49B #87A1E4
square
#E487D0 #E4C987 #87E49B #87A1E4
split-complementary
#E487D0 #A1E487 #87E4C9
monochromatic
#C42CA4 #D955BC #E487D0 #EFB9E4 #F9E6F5
إمكانية الوصول والتباين
On white
2.42
#E487D0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.68
#E487D0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E487D0
8.68:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E487D0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E487D0 | 1.00 | 2.42 | 8.68 | 8.68 |
| #FFFFFF | 2.42 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.68 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#879ED3
Deuteranopia (green-blind)
#A0ACCD
Tritanopia (blue-blind)
#EC8BA2
Achromatopsia (no color)
#A6A6A6
وسوم التصميم والكود
CSS
--color: #e487d0; /* rgb */ color: rgb(228, 135, 208); /* oklch */ color: oklch(74.5% 0.145 335.3);
Tailwind
colors: {
custom: {
50: '#eeacde',
500: '#e487d0',
950: '#000000',
},
}SCSS
$custom: #e487d0; $custom-light: #eeacde; $custom-dark: #000000;
JSON
{
"hex": "#e487d0",
"rgb": {
"r": 228,
"g": 135,
"b": 208
},
"hsl": {
"h": 312.903,
"s": 63.265,
"l": 71.176
},
"oklch": {
"l": 0.74504,
"c": 0.1449,
"h": 335.3
},
"luminance": 0.38376
}Semantic roles & 50–950 ramp
primary
#E487D0
secondary
#D7F0DC
accent
#CB401A
background
#FEFAFD
surface
#FDF4FB
border
#D5CED4
text
#171015
muted
#857F83