#E788CB#E788CB
#E788CB لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.389؛ OKLCH L 74.8% C 0.142 H 338.9°. أفضل لون لنص المتن هو #000000 بتباين 8.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E788CB |
|---|---|
| RGB | rgb(231, 136, 203) |
| HSL | hsl(318, 66%, 72%) |
| HSV | hsv(318, 41%, 91%) |
| CMYK | cmyk(0%, 41.1%, 12.1%, 9.4%) |
| CIE-LAB | lab(68.69, 45.31, -19.07) |
| CIE-LCH | lch(68.69, 49.16, 337.18°) |
| OKLab | oklab(74.82% 0.1322 -0.051) |
| OKLCH | oklch(74.82% 0.142 338.9) |
| XYZ | xyz(52.5388, 38.9122, 61.2318) |
| Luminance | 0.3891 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Bubblegum Pink
#FE83CC
ΔE00 3.98
Lavender Pink
#DD85D7
ΔE00 4.18
Pink (survey)
#FF81C0
ΔE00 5.54
Plum
#DDA0DD
ΔE00 6.70
Violet (CSS)
#EE82EE
ΔE00 7.02
Purply Pink
#F075E6
ΔE00 7.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E788CB #88E7A4
analogous
#D488E7 #E788CB #E7889C
triadic
#E788CB #CBE788 #88CBE7
tetradic
#E788CB #E7D488 #88E7A4 #889CE7
square
#E788CB #E7D488 #88E7A4 #889CE7
split-complementary
#E788CB #9CE788 #88E7D4
monochromatic
#CC299C #DD55B5 #E788CB #F1BBE1 #FAE6F4
إمكانية الوصول والتباين
On white
2.39
#E788CB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.78
#E788CB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E788CB
8.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E788CB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E788CB | 1.00 | 2.39 | 8.78 | 8.78 |
| #FFFFFF | 2.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8B9FCD
Deuteranopia (green-blind)
#A4ADC8
Tritanopia (blue-blind)
#F18AA1
Achromatopsia (no color)
#A8A8A8
وسوم التصميم والكود
CSS
--color: #e788cb; /* rgb */ color: rgb(231, 136, 203); /* oklch */ color: oklch(74.8% 0.142 338.9);
Tailwind
colors: {
custom: {
50: '#f0addb',
500: '#e788cb',
950: '#000000',
},
}SCSS
$custom: #e788cb; $custom-light: #f0addb; $custom-dark: #000000;
JSON
{
"hex": "#e788cb",
"rgb": {
"r": 231,
"g": 136,
"b": 203
},
"hsl": {
"h": 317.684,
"s": 66.434,
"l": 71.961
},
"oklch": {
"l": 0.74815,
"c": 0.14166,
"h": 338.9
},
"luminance": 0.38909
}Semantic roles & 50–950 ramp
primary
#E788CB
secondary
#D9F1E1
accent
#CE4D17
background
#FEFAFD
surface
#FDF4FA
border
#D5CED3
text
#171015
muted
#857F83