#E2767E#E2767E
#E2767E لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.306؛ OKLCH L 69.1% C 0.134 H 16.6°. أفضل لون لنص المتن هو #000000 بتباين 7.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E2767E |
|---|---|
| RGB | rgb(226, 118, 126) |
| HSL | hsl(356, 65%, 67%) |
| HSV | hsv(356, 48%, 89%) |
| CMYK | cmyk(0%, 47.8%, 44.2%, 11.4%) |
| CIE-LAB | lab(62.20, 42.59, 14.93) |
| CIE-LCH | lch(62.20, 45.13, 19.32°) |
| OKLab | oklab(69.05% 0.1285 0.0382) |
| OKLCH | oklch(69.05% 0.134 16.6) |
| XYZ | xyz(41.6109, 30.6361, 23.4566) |
| Luminance | 0.3063 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Lightcoral
#F08080
ΔE00 4.22
Dirty Pink
#CA7B80
ΔE00 4.77
Watermelon
#FC6C85
ΔE00 5.15
Ugly Pink
#CD7584
ΔE00 5.27
Pinkish
#D46A7E
ΔE00 5.37
Carnation
#FD798F
ΔE00 5.55
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E2767E #76E2DA
analogous
#E276B4 #E2767E #E2A476
triadic
#E2767E #7EE276 #767EE2
tetradic
#E2767E #B4E276 #76E2DA #A476E2
square
#E2767E #B4E276 #76E2DA #A476E2
split-complementary
#E2767E #76E2A4 #76B4E2
monochromatic
#B72731 #D7434E #E2767E #EDA9AE #F7DBDD
إمكانية الوصول والتباين
On white
2.95
#E2767E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.13
#E2767E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E2767E
7.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E2767E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E2767E | 1.00 | 2.95 | 7.13 | 7.13 |
| #FFFFFF | 2.95 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8C897E
Deuteranopia (green-blind)
#A79F7C
Tritanopia (blue-blind)
#F46879
Achromatopsia (no color)
#969696
وسوم التصميم والكود
CSS
--color: #e2767e; /* rgb */ color: rgb(226, 118, 126); /* oklch */ color: oklch(69.1% 0.134 16.6);
Tailwind
colors: {
custom: {
50: '#efa0a3',
500: '#e2767e',
950: '#000000',
},
}SCSS
$custom: #e2767e; $custom-light: #efa0a3; $custom-dark: #000000;
JSON
{
"hex": "#e2767e",
"rgb": {
"r": 226,
"g": 118,
"b": 126
},
"hsl": {
"h": 355.556,
"s": 65.06,
"l": 67.451
},
"oklch": {
"l": 0.69052,
"c": 0.1341,
"h": 16.6
},
"luminance": 0.30632
}Semantic roles & 50–950 ramp
primary
#E2767E
secondary
#C9EBE8
accent
#CDC019
background
#FFFAFA
surface
#FEF3F3
border
#D6CDCD
text
#170F0F
muted
#857F7F