#EF45D0#EF45D0
#EF45D0 لون فاتح وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.272؛ OKLCH L 68.0% C 0.248 H 336.4°. أفضل لون لنص المتن هو #000000 بتباين 6.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EF45D0 |
|---|---|
| RGB | rgb(239, 69, 208) |
| HSL | hsl(311, 84%, 60%) |
| HSV | hsv(311, 71%, 94%) |
| CMYK | cmyk(0%, 71.1%, 13%, 6.3%) |
| CIE-LAB | lab(59.13, 77.40, -36.52) |
| CIE-LCH | lch(59.13, 85.58, 334.74°) |
| OKLab | oklab(68.04% 0.2272 -0.0995) |
| OKLCH | oklch(68.04% 0.248 336.4) |
| XYZ | xyz(49.1107, 27.1655, 62.3193) |
| Luminance | 0.2716 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Purpleish Pink
#DF4EC8
ΔE00 2.46
Hot Magenta
#F504C9
ΔE00 3.98
Bright Magenta
#FF08E8
ΔE00 4.25
Fuchsia (survey)
#ED0DD9
ΔE00 4.82
Pink Purple
#EF1DE7
ΔE00 4.98
Pinkish Purple
#D648D7
ΔE00 5.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EF45D0 #45EF64
analogous
#B945EF #EF45D0 #EF457B
triadic
#EF45D0 #D0EF45 #45D0EF
tetradic
#EF45D0 #EFB945 #45EF64 #457BEF
square
#EF45D0 #EFB945 #45EF64 #457BEF
split-complementary
#EF45D0 #7BEF45 #45EFB9
monochromatic
#AB0F8E #E314BD #EF45D0 #F47DDE #F9B6EC
إمكانية الوصول والتباين
On white
3.26
#EF45D0 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.43
#EF45D0 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #EF45D0
6.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EF45D0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EF45D0 | 1.00 | 3.26 | 6.43 | 6.43 |
| #FFFFFF | 3.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.43 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#487ED4
Deuteranopia (green-blind)
#8297CC
Tritanopia (blue-blind)
#FB5086
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #ef45d0; /* rgb */ color: rgb(239, 69, 208); /* oklch */ color: oklch(68.0% 0.248 336.4);
Tailwind
colors: {
custom: {
50: '#f887df',
500: '#ef45d0',
950: '#000000',
},
}SCSS
$custom: #ef45d0; $custom-light: #f887df; $custom-dark: #000000;
JSON
{
"hex": "#ef45d0",
"rgb": {
"r": 239,
"g": 69,
"b": 208
},
"hsl": {
"h": 310.941,
"s": 84.158,
"l": 60.392
},
"oklch": {
"l": 0.68042,
"c": 0.248,
"h": 336.4
},
"luminance": 0.27161
}Semantic roles & 50–950 ramp
primary
#EF45D0
secondary
#A7E8B3
accent
#E12D05
background
#FFF8FD
surface
#FFF0FB
border
#D7CBD4
text
#180D15
muted
#867D83