#E752BF#E752BF
#E752BF لون فاتح وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.268؛ OKLCH L 67.3% C 0.216 H 340.0°. أفضل لون لنص المتن هو #000000 بتباين 6.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E752BF |
|---|---|
| RGB | rgb(231, 82, 191) |
| HSL | hsl(316, 76%, 61%) |
| HSV | hsv(316, 65%, 91%) |
| CMYK | cmyk(0%, 64.5%, 17.3%, 9.4%) |
| CIE-LAB | lab(58.78, 68.46, -27.46) |
| CIE-LCH | lch(58.78, 73.77, 338.14°) |
| OKLab | oklab(67.31% 0.2034 -0.074) |
| OKLCH | oklch(67.31% 0.216 340) |
| XYZ | xyz(45.3773, 26.7892, 52.0611) |
| Luminance | 0.2678 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purpleish Pink
#DF4EC8
ΔE00 2.95
Purplish Pink
#CE5DAE
ΔE00 4.52
Pale Magenta
#D767AD
ΔE00 5.23
Hot Magenta
#F504C9
ΔE00 5.53
Bright Pink
#FE01B1
ΔE00 5.79
Pinky Purple
#C94CBE
ΔE00 6.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E752BF #52E77A
analogous
#C452E7 #E752BF #E75275
triadic
#E752BF #BFE752 #52BFE7
tetradic
#E752BF #E7C452 #52E77A #5275E7
square
#E752BF #E7C452 #52E77A #5275E7
split-complementary
#E752BF #75E752 #52E7C4
monochromatic
#A71781 #DD1FAA #E752BF #EE88D3 #F6BDE7
إمكانية الوصول والتباين
On white
3.30
#E752BF on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.36
#E752BF on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #E752BF
6.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E752BF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E752BF | 1.00 | 3.30 | 6.36 | 6.36 |
| #FFFFFF | 3.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5B7EC2
Deuteranopia (green-blind)
#8896BB
Tritanopia (blue-blind)
#F45681
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #e752bf; /* rgb */ color: rgb(231, 82, 191); /* oklch */ color: oklch(67.3% 0.216 340.0);
Tailwind
colors: {
custom: {
50: '#f28cd2',
500: '#e752bf',
950: '#000000',
},
}SCSS
$custom: #e752bf; $custom-light: #f28cd2; $custom-dark: #000000;
JSON
{
"hex": "#e752bf",
"rgb": {
"r": 231,
"g": 82,
"b": 191
},
"hsl": {
"h": 316.107,
"s": 75.635,
"l": 61.373
},
"oklch": {
"l": 0.67307,
"c": 0.2164,
"h": 340
},
"luminance": 0.26785
}Semantic roles & 50–950 ramp
primary
#E752BF
secondary
#AFE6BE
accent
#D8440E
background
#FFF9FC
surface
#FFF1F9
border
#D7CBD2
text
#170D14
muted
#857E82