#E59C98#E59C98
#E59C98 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.427؛ OKLCH L 76.3% C 0.088 H 22.8°. أفضل لون لنص المتن هو #000000 بتباين 9.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E59C98 |
|---|---|
| RGB | rgb(229, 156, 152) |
| HSL | hsl(3, 60%, 75%) |
| HSV | hsv(3, 34%, 90%) |
| CMYK | cmyk(0%, 31.9%, 33.6%, 10.2%) |
| CIE-LAB | lab(71.35, 26.75, 13.20) |
| CIE-LCH | lch(71.35, 29.83, 26.26°) |
| OKLab | oklab(76.32% 0.0813 0.0342) |
| OKLCH | oklch(76.32% 0.088 22.8) |
| XYZ | xyz(49.8707, 42.7053, 35.3159) |
| Luminance | 0.4270 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush (survey)
#F29E8E
ΔE00 4.91
Peachy Pink
#FF9A8A
ΔE00 6.50
Dusty Pink (survey)
#D58A94
ΔE00 6.89
Faded Pink
#DE9DAC
ΔE00 7.41
Greyish Pink
#C88D94
ΔE00 7.44
Lightcoral
#F08080
ΔE00 7.58
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E59C98 #98E1E5
analogous
#E598BB #E59C98 #E5C398
triadic
#E59C98 #98E59C #9C98E5
tetradic
#E59C98 #BBE598 #98E1E5 #C398E5
square
#E59C98 #BBE598 #98E1E5 #C398E5
split-complementary
#E59C98 #98E5C3 #98BBE5
monochromatic
#CC3E36 #D96D67 #E59C98 #F1CBC9 #F9E8E7
إمكانية الوصول والتباين
On white
2.20
#E59C98 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.54
#E59C98 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E59C98
9.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E59C98 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E59C98 | 1.00 | 2.20 | 9.54 | 9.54 |
| #FFFFFF | 2.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.54 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.54 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ABA697
Deuteranopia (green-blind)
#BCB497
Tritanopia (blue-blind)
#F4949B
Achromatopsia (no color)
#AFAFAF
وسوم التصميم والكود
CSS
--color: #e59c98; /* rgb */ color: rgb(229, 156, 152); /* oklch */ color: oklch(76.3% 0.088 22.8);
Tailwind
colors: {
custom: {
50: '#efb9b6',
500: '#e59c98',
950: '#000000',
},
}SCSS
$custom: #e59c98; $custom-light: #efb9b6; $custom-dark: #000000;
JSON
{
"hex": "#e59c98",
"rgb": {
"r": 229,
"g": 156,
"b": 152
},
"hsl": {
"h": 3.117,
"s": 59.69,
"l": 74.706
},
"oklch": {
"l": 0.76323,
"c": 0.08819,
"h": 22.8
},
"luminance": 0.42702
}Semantic roles & 50–950 ramp
primary
#E59C98
secondary
#DBEFF0
accent
#BFC71E
background
#FEFBFB
surface
#FDF6F6
border
#D5D0D0
text
#171111
muted
#858080