#E66B7A#E66B7A
#E66B7A لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.287؛ OKLCH L 67.9% C 0.153 H 14.5°. أفضل لون لنص المتن هو #000000 بتباين 6.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E66B7A |
|---|---|
| RGB | rgb(230, 107, 122) |
| HSL | hsl(353, 71%, 66%) |
| HSV | hsv(353, 53%, 90%) |
| CMYK | cmyk(0%, 53.5%, 47%, 9.8%) |
| CIE-LAB | lab(60.56, 49.04, 15.04) |
| CIE-LCH | lch(60.56, 51.30, 17.05°) |
| OKLab | oklab(67.9% 0.1481 0.0384) |
| OKLCH | oklch(67.9% 0.153 14.5) |
| XYZ | xyz(41.4066, 28.7481, 21.7769) |
| Luminance | 0.2874 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Watermelon
#FC6C85
ΔE00 4.10
Pinkish
#D46A7E
ΔE00 4.28
Rose (survey)
#CF6275
ΔE00 5.38
Ugly Pink
#CD7584
ΔE00 5.66
Carnation
#FD798F
ΔE00 5.68
Rosy Pink
#F6688E
ΔE00 5.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E66B7A #6BE6D7
analogous
#E66BB7 #E66B7A #E6996B
triadic
#E66B7A #7AE66B #6B7AE6
tetradic
#E66B7A #B7E66B #6BE6D7 #996BE6
square
#E66B7A #B7E66B #6BE6D7 #996BE6
split-complementary
#E66B7A #6BE699 #6BB7E6
monochromatic
#B81F32 #DD374B #E66B7A #EF9FA9 #F8D4D8
إمكانية الوصول والتباين
On white
3.11
#E66B7A on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.75
#E66B7A on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #E66B7A
6.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E66B7A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E66B7A | 1.00 | 3.11 | 6.75 | 6.75 |
| #FFFFFF | 3.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.75 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.75 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#85837A
Deuteranopia (green-blind)
#A49B77
Tritanopia (blue-blind)
#F95B71
Achromatopsia (no color)
#929292
وسوم التصميم والكود
CSS
--color: #e66b7a; /* rgb */ color: rgb(230, 107, 122); /* oklch */ color: oklch(67.9% 0.153 14.5);
Tailwind
colors: {
custom: {
50: '#f299a0',
500: '#e66b7a',
950: '#000000',
},
}SCSS
$custom: #e66b7a; $custom-light: #f299a0; $custom-dark: #000000;
JSON
{
"hex": "#e66b7a",
"rgb": {
"r": 230,
"g": 107,
"b": 122
},
"hsl": {
"h": 352.683,
"s": 71.098,
"l": 66.078
},
"oklch": {
"l": 0.67897,
"c": 0.15296,
"h": 14.5
},
"luminance": 0.28744
}Semantic roles & 50–950 ramp
primary
#E66B7A
secondary
#C2EBE6
accent
#D3BC12
background
#FFF9F9
surface
#FFF2F2
border
#D7CCCC
text
#180E0E
muted
#867E7E