#EB45F4#EB45F4
#EB45F4 لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.284؛ OKLCH L 69.3% C 0.272 H 325.8°. أفضل لون لنص المتن هو #000000 بتباين 6.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EB45F4 |
|---|---|
| RGB | rgb(235, 69, 244) |
| HSL | hsl(297, 89%, 61%) |
| HSV | hsv(297, 72%, 96%) |
| CMYK | cmyk(3.7%, 71.7%, 0%, 4.3%) |
| CIE-LAB | lab(60.30, 81.95, -54.95) |
| CIE-LCH | lch(60.30, 98.67, 326.15°) |
| OKLab | oklab(69.34% 0.2245 -0.1528) |
| OKLCH | oklch(69.34% 0.272 325.8) |
| XYZ | xyz(52.7171, 28.4536, 88.2859) |
| Luminance | 0.2845 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Heliotrope
#D94FF5
ΔE00 2.82
Magenta
#FF00FF
ΔE00 3.17
Fuchsia
#FF00FF
ΔE00 3.17
Pink Purple
#EF1DE7
ΔE00 3.71
Bright Magenta
#FF08E8
ΔE00 4.12
Pinkish Purple
#D648D7
ΔE00 4.82
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EB45F4 #4EF445
analogous
#9445F4 #EB45F4 #F445A6
triadic
#EB45F4 #F4EB45 #45F4EB
tetradic
#EB45F4 #F49445 #4EF445 #45A6F4
square
#EB45F4 #F49445 #4EF445 #45A6F4
split-complementary
#EB45F4 #A6F445 #45F494
monochromatic
#AB0BB4 #E20EEE #EB45F4 #F17FF7 #F7B9FB
إمكانية الوصول والتباين
On white
3.14
#EB45F4 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.69
#EB45F4 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #EB45F4
6.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EB45F4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EB45F4 | 1.00 | 3.14 | 6.69 | 6.69 |
| #FFFFFF | 3.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0C84F9
Deuteranopia (green-blind)
#6C98F0
Tritanopia (blue-blind)
#F16399
Achromatopsia (no color)
#919191
وسوم التصميم والكود
CSS
--color: #eb45f4; /* rgb */ color: rgb(235, 69, 244); /* oklch */ color: oklch(69.3% 0.272 325.8);
Tailwind
colors: {
custom: {
50: '#f688f8',
500: '#eb45f4',
950: '#000000',
},
}SCSS
$custom: #eb45f4; $custom-light: #f688f8; $custom-dark: #000000;
JSON
{
"hex": "#eb45f4",
"rgb": {
"r": 235,
"g": 69,
"b": 244
},
"hsl": {
"h": 296.914,
"s": 88.832,
"l": 61.373
},
"oklch": {
"l": 0.69342,
"c": 0.27158,
"h": 325.8
},
"luminance": 0.2845
}Semantic roles & 50–950 ramp
primary
#EB45F4
secondary
#ADEBAA
accent
#E5000C
background
#FFF9FF
surface
#FFF1FF
border
#D7CBD7
text
#180D17
muted
#867E85