#EA605C#EA605C
#EA605C لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.266؛ OKLCH L 66.4% C 0.172 H 24.6°. أفضل لون لنص المتن هو #000000 بتباين 6.33:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EA605C |
|---|---|
| RGB | rgb(234, 96, 92) |
| HSL | hsl(2, 77%, 64%) |
| HSV | hsv(2, 61%, 92%) |
| CMYK | cmyk(0%, 59%, 60.7%, 8.2%) |
| CIE-LAB | lab(58.64, 53.14, 29.81) |
| CIE-LCH | lch(58.64, 60.93, 29.29°) |
| OKLab | oklab(66.38% 0.1566 0.0717) |
| OKLCH | oklch(66.38% 0.172 24.6) |
| XYZ | xyz(40.0500, 26.6360, 13.1554) |
| Luminance | 0.2663 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Grapefruit
#FD5956
ΔE00 3.27
Pastel Red
#DB5856
ΔE00 3.66
Coral Pink
#FF6163
ΔE00 3.82
Coral (survey)
#FC5A50
ΔE00 4.04
Light Red
#FF474C
ΔE00 4.42
Pale Red
#D9544D
ΔE00 4.82
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EA605C #5CE6EA
analogous
#EA5C9F #EA605C #EAA75C
triadic
#EA605C #5CEA60 #605CEA
tetradic
#EA605C #9FEA5C #5CE6EA #A75CEA
square
#EA605C #9FEA5C #5CE6EA #A75CEA
split-complementary
#EA605C #5CEAA7 #5C9FEA
monochromatic
#B41C17 #E32B26 #EA605C #F19592 #F8CAC8
إمكانية الوصول والتباين
On white
3.32
#EA605C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.33
#EA605C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #EA605C
6.33:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EA605C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EA605C | 1.00 | 3.32 | 6.33 | 6.33 |
| #FFFFFF | 3.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.33 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.33 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#837B5B
Deuteranopia (green-blind)
#A59859
Tritanopia (blue-blind)
#FF4560
Achromatopsia (no color)
#8D8D8D
وسوم التصميم والكود
CSS
--color: #ea605c; /* rgb */ color: rgb(234, 96, 92); /* oklch */ color: oklch(66.4% 0.172 24.6);
Tailwind
colors: {
custom: {
50: '#f7928a',
500: '#ea605c',
950: '#000000',
},
}SCSS
$custom: #ea605c; $custom-light: #f7928a; $custom-dark: #000000;
JSON
{
"hex": "#ea605c",
"rgb": {
"r": 234,
"g": 96,
"b": 92
},
"hsl": {
"h": 1.69,
"s": 77.174,
"l": 63.922
},
"oklch": {
"l": 0.6638,
"c": 0.17222,
"h": 24.6
},
"luminance": 0.26631
}Semantic roles & 50–950 ramp
primary
#EA605C
secondary
#B8E8EA
accent
#D4D90C
background
#FFF9F8
surface
#FFF2F0
border
#D7CCCB
text
#180D0B
muted
#867E7C