#EB7D84#EB7D84
#EB7D84 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.340؛ OKLCH L 71.4% C 0.135 H 17.1°. أفضل لون لنص المتن هو #000000 بتباين 7.80:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EB7D84 |
|---|---|
| RGB | rgb(235, 125, 132) |
| HSL | hsl(356, 73%, 71%) |
| HSV | hsv(356, 47%, 92%) |
| CMYK | cmyk(0%, 46.8%, 43.8%, 7.8%) |
| CIE-LAB | lab(64.96, 42.91, 15.55) |
| CIE-LCH | lch(64.96, 45.64, 19.91°) |
| OKLab | oklab(71.45% 0.1295 0.0398) |
| OKLCH | oklch(71.45% 0.135 17.1) |
| XYZ | xyz(45.7622, 33.9998, 25.9779) |
| Luminance | 0.3399 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Lightcoral
#F08080
ΔE00 2.53
Blush Pink
#FE828C
ΔE00 3.44
Salmon Pink
#FE7B7C
ΔE00 4.28
Carnation
#FD798F
ΔE00 4.37
Watermelon
#FC6C85
ΔE00 4.92
Rose Pink
#F7879A
ΔE00 5.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EB7D84 #7DEBE4
analogous
#EB7DBB #EB7D84 #EBAD7D
triadic
#EB7D84 #84EB7D #7D84EB
tetradic
#EB7D84 #BBEB7D #7DEBE4 #AD7DEB
square
#EB7D84 #BBEB7D #7DEBE4 #AD7DEB
split-complementary
#EB7D84 #7DEBAD #7DBBEB
monochromatic
#CE202B #E34852 #EB7D84 #F3B2B6 #FBE4E6
إمكانية الوصول والتباين
On white
2.69
#EB7D84 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.80
#EB7D84 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EB7D84
7.80:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EB7D84 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EB7D84 | 1.00 | 2.69 | 7.80 | 7.80 |
| #FFFFFF | 2.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.80 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#949084
Deuteranopia (green-blind)
#AFA682
Tritanopia (blue-blind)
#FD6F80
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #eb7d84; /* rgb */ color: rgb(235, 125, 132); /* oklch */ color: oklch(71.4% 0.135 17.1);
Tailwind
colors: {
custom: {
50: '#f5a5a7',
500: '#eb7d84',
950: '#000000',
},
}SCSS
$custom: #eb7d84; $custom-light: #f5a5a7; $custom-dark: #000000;
JSON
{
"hex": "#eb7d84",
"rgb": {
"r": 235,
"g": 125,
"b": 132
},
"hsl": {
"h": 356.182,
"s": 73.333,
"l": 70.588
},
"oklch": {
"l": 0.71445,
"c": 0.13546,
"h": 17.1
},
"luminance": 0.33995
}Semantic roles & 50–950 ramp
primary
#EB7D84
secondary
#D3F1EF
accent
#D5C910
background
#FFFAFA
surface
#FFF4F4
border
#D7CECE
text
#180F0F
muted
#867F7F