#EA5558#EA5558
#EA5558 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.247؛ OKLCH L 65.0% C 0.184 H 22.7°. أفضل لون لنص المتن هو #000000 بتباين 5.94:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EA5558 |
|---|---|
| RGB | rgb(234, 85, 88) |
| HSL | hsl(359, 78%, 63%) |
| HSV | hsv(359, 64%, 92%) |
| CMYK | cmyk(0%, 63.7%, 62.4%, 8.2%) |
| CIE-LAB | lab(56.78, 57.66, 29.74) |
| CIE-LCH | lch(56.78, 64.88, 27.28°) |
| OKLab | oklab(64.96% 0.1701 0.0711) |
| OKLCH | oklch(64.96% 0.184 22.7) |
| XYZ | xyz(38.9454, 24.6993, 11.9473) |
| Luminance | 0.2469 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pastel Red
#DB5856
ΔE00 2.68
Watermelon (survey)
#FD4659
ΔE00 3.43
Light Red
#FF474C
ΔE00 4.00
Pale Red
#D9544D
ΔE00 4.05
Grapefruit
#FD5956
ΔE00 4.23
Lightish Red
#FE2F4A
ΔE00 4.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EA5558 #55EAE7
analogous
#EA55A2 #EA5558 #EA9D55
triadic
#EA5558 #58EA55 #5558EA
tetradic
#EA5558 #A2EA55 #55EAE7 #9D55EA
square
#EA5558 #A2EA55 #55EAE7 #9D55EA
split-complementary
#EA5558 #55EA9D #55A2EA
monochromatic
#AF1619 #E31F22 #EA5558 #F18B8E #F7C2C3
إمكانية الوصول والتباين
On white
3.54
#EA5558 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.94
#EA5558 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #EA5558
5.94:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EA5558 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EA5558 | 1.00 | 3.54 | 5.94 | 5.94 |
| #FFFFFF | 3.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.94 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7C7457
Deuteranopia (green-blind)
#A19454
Tritanopia (blue-blind)
#FF3457
Achromatopsia (no color)
#888888
وسوم التصميم والكود
CSS
--color: #ea5558; /* rgb */ color: rgb(234, 85, 88); /* oklch */ color: oklch(65.0% 0.184 22.7);
Tailwind
colors: {
custom: {
50: '#f88c87',
500: '#ea5558',
950: '#000000',
},
}SCSS
$custom: #ea5558; $custom-light: #f88c87; $custom-dark: #000000;
JSON
{
"hex": "#ea5558",
"rgb": {
"r": 234,
"g": 85,
"b": 88
},
"hsl": {
"h": 358.792,
"s": 78.01,
"l": 62.549
},
"oklch": {
"l": 0.64965,
"c": 0.1844,
"h": 22.7
},
"luminance": 0.24694
}Semantic roles & 50–950 ramp
primary
#EA5558
secondary
#B2E8E7
accent
#DAD60B
background
#FFF8F8
surface
#FFF0EF
border
#D7CBCA
text
#190D0B
muted
#877D7C