#EA6DED#EA6DED
#EA6DED لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.345؛ OKLCH L 72.9% C 0.215 H 326.6°. أفضل لون لنص المتن هو #000000 بتباين 7.91:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EA6DED |
|---|---|
| RGB | rgb(234, 109, 237) |
| HSL | hsl(299, 78%, 68%) |
| HSV | hsv(299, 54%, 93%) |
| CMYK | cmyk(1.3%, 54%, 0%, 7.1%) |
| CIE-LAB | lab(65.39, 65.02, -43.02) |
| CIE-LCH | lch(65.39, 77.96, 326.51°) |
| OKLab | oklab(72.89% 0.1798 -0.1185) |
| OKLCH | oklch(72.89% 0.215 326.6) |
| XYZ | xyz(54.6854, 34.5473, 83.8922) |
| Luminance | 0.3454 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purply Pink
#F075E6
ΔE00 2.72
Light Magenta
#FA5FF7
ΔE00 2.73
Violet Pink
#FB5FFC
ΔE00 3.06
Candy Pink
#FF63E9
ΔE00 3.60
Orchid
#DA70D6
ΔE00 3.84
Violet (CSS)
#EE82EE
ΔE00 4.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EA6DED #70ED6D
analogous
#AA6DED #EA6DED #ED6DB0
triadic
#EA6DED #EDEA6D #6DEDEA
tetradic
#EA6DED #EDAA6D #70ED6D #6DB0ED
square
#EA6DED #EDAA6D #70ED6D #6DB0ED
split-complementary
#EA6DED #B0ED6D #6DEDAA
monochromatic
#C319C7 #E237E6 #EA6DED #F2A3F4 #FADAFA
إمكانية الوصول والتباين
On white
2.66
#EA6DED on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.91
#EA6DED on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EA6DED
7.91:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EA6DED | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EA6DED | 1.00 | 2.66 | 7.91 | 7.91 |
| #FFFFFF | 2.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.91 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.91 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E95F1
Deuteranopia (green-blind)
#87A4E9
Tritanopia (blue-blind)
#F07CA3
Achromatopsia (no color)
#9F9F9F
وسوم التصميم والكود
CSS
--color: #ea6ded; /* rgb */ color: rgb(234, 109, 237); /* oklch */ color: oklch(72.9% 0.215 326.6);
Tailwind
colors: {
custom: {
50: '#f39cf3',
500: '#ea6ded',
950: '#000000',
},
}SCSS
$custom: #ea6ded; $custom-light: #f39cf3; $custom-dark: #000000;
JSON
{
"hex": "#ea6ded",
"rgb": {
"r": 234,
"g": 109,
"b": 237
},
"hsl": {
"h": 298.594,
"s": 78.049,
"l": 67.843
},
"oklch": {
"l": 0.72893,
"c": 0.21532,
"h": 326.6
},
"luminance": 0.34544
}Semantic roles & 50–950 ramp
primary
#EA6DED
secondary
#C8EFC7
accent
#DA0B10
background
#FFFAFE
surface
#FFF3FD
border
#D7CDD5
text
#170F17
muted
#857F85