#ED4E9A#ED4E9A
#ED4E9A لون فاتح وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.258؛ OKLCH L 66.4% C 0.206 H 354.8°. أفضل لون لنص المتن هو #000000 بتباين 6.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ED4E9A |
|---|---|
| RGB | rgb(237, 78, 154) |
| HSL | hsl(331, 82%, 62%) |
| HSV | hsv(331, 67%, 93%) |
| CMYK | cmyk(0%, 67.1%, 35%, 7.1%) |
| CIE-LAB | lab(57.84, 67.00, -7.38) |
| CIE-LCH | lch(57.84, 67.41, 353.72°) |
| OKLab | oklab(66.36% 0.205 -0.0186) |
| OKLCH | oklch(66.36% 0.206 354.8) |
| XYZ | xyz(43.4848, 25.7914, 33.2538) |
| Luminance | 0.2579 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Barbie Pink
#FE46A5
ΔE00 2.94
Deeppink
#FF1493
ΔE00 4.46
Neon Pink
#FE019A
ΔE00 4.89
Medium Pink
#F36196
ΔE00 4.89
Electric Pink
#FF0490
ΔE00 4.93
Hot Pink (survey)
#FF028D
ΔE00 5.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ED4E9A #4EEDA1
analogous
#ED4EE9 #ED4E9A #ED524E
triadic
#ED4E9A #9AED4E #4E9AED
tetradic
#ED4E9A #E9ED4E #4EEDA1 #524EED
square
#ED4E9A #E9ED4E #4EEDA1 #524EED
split-complementary
#ED4E9A #4EED52 #4EE9ED
monochromatic
#AF125D #E6177A #ED4E9A #F386BA #F8BDD9
إمكانية الوصول والتباين
On white
3.41
#ED4E9A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.16
#ED4E9A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #ED4E9A
6.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ED4E9A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ED4E9A | 1.00 | 3.41 | 6.16 | 6.16 |
| #FFFFFF | 3.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.16 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.16 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A789C
Deuteranopia (green-blind)
#969696
Tritanopia (blue-blind)
#FF416E
Achromatopsia (no color)
#8B8B8B
وسوم التصميم والكود
CSS
--color: #ed4e9a; /* rgb */ color: rgb(237, 78, 154); /* oklch */ color: oklch(66.4% 0.206 354.8);
Tailwind
colors: {
custom: {
50: '#f88ab7',
500: '#ed4e9a',
950: '#000000',
},
}SCSS
$custom: #ed4e9a; $custom-light: #f88ab7; $custom-dark: #000000;
JSON
{
"hex": "#ed4e9a",
"rgb": {
"r": 237,
"g": 78,
"b": 154
},
"hsl": {
"h": 331.321,
"s": 81.538,
"l": 61.765
},
"oklch": {
"l": 0.66359,
"c": 0.20586,
"h": 354.8
},
"luminance": 0.25786
}Semantic roles & 50–950 ramp
primary
#ED4E9A
secondary
#AEE9CD
accent
#DE7708
background
#FFF8FB
surface
#FFF0F6
border
#D7CBD0
text
#180D11
muted
#867D80