#ED4BC0#ED4BC0
#ED4BC0 لون فاتح وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.268؛ OKLCH L 67.5% C 0.230 H 340.9°. أفضل لون لنص المتن هو #000000 بتباين 6.37:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ED4BC0 |
|---|---|
| RGB | rgb(237, 75, 192) |
| HSL | hsl(317, 82%, 61%) |
| HSV | hsv(317, 68%, 93%) |
| CMYK | cmyk(0%, 68.4%, 19%, 7.1%) |
| CIE-LAB | lab(58.83, 72.71, -27.88) |
| CIE-LCH | lch(58.83, 77.87, 339.02°) |
| OKLab | oklab(67.54% 0.2171 -0.075) |
| OKLCH | oklch(67.54% 0.23 340.9) |
| XYZ | xyz(46.9569, 26.8470, 52.5679) |
| Luminance | 0.2684 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purpleish Pink
#DF4EC8
ΔE00 3.27
Hot Magenta
#F504C9
ΔE00 4.86
Bright Pink
#FE01B1
ΔE00 4.96
Purplish Pink
#CE5DAE
ΔE00 5.36
Pale Magenta
#D767AD
ΔE00 5.98
Bright Magenta
#FF08E8
ΔE00 6.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ED4BC0 #4BED78
analogous
#C94BED #ED4BC0 #ED4B6F
triadic
#ED4BC0 #C0ED4B #4BC0ED
tetradic
#ED4BC0 #EDC94B #4BED78 #4B6FED
square
#ED4BC0 #EDC94B #4BED78 #4B6FED
split-complementary
#ED4BC0 #6FED4B #4BEDC9
monochromatic
#AC1181 #E417AB #ED4BC0 #F383D3 #F8BAE7
إمكانية الوصول والتباين
On white
3.30
#ED4BC0 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.37
#ED4BC0 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #ED4BC0
6.37:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ED4BC0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ED4BC0 | 1.00 | 3.30 | 6.37 | 6.37 |
| #FFFFFF | 3.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.37 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.37 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#577DC3
Deuteranopia (green-blind)
#8997BC
Tritanopia (blue-blind)
#FB4E7F
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #ed4bc0; /* rgb */ color: rgb(237, 75, 192); /* oklch */ color: oklch(67.5% 0.230 340.9);
Tailwind
colors: {
custom: {
50: '#f789d3',
500: '#ed4bc0',
950: '#000000',
},
}SCSS
$custom: #ed4bc0; $custom-light: #f789d3; $custom-dark: #000000;
JSON
{
"hex": "#ed4bc0",
"rgb": {
"r": 237,
"g": 75,
"b": 192
},
"hsl": {
"h": 316.667,
"s": 81.818,
"l": 61.176
},
"oklch": {
"l": 0.67541,
"c": 0.22969,
"h": 340.9
},
"luminance": 0.26842
}Semantic roles & 50–950 ramp
primary
#ED4BC0
secondary
#ABE8BC
accent
#DE4307
background
#FFF9FC
surface
#FFF1F9
border
#D7CBD2
text
#180D14
muted
#867E82