#EE467E#EE467E
#EE467E لون فاتح وعالي التشبّع من عائلة زهري. الإضاءة النسبية 0.241؛ OKLCH L 64.9% C 0.207 H 4.9°. أفضل لون لنص المتن هو #000000 بتباين 5.81:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EE467E |
|---|---|
| RGB | rgb(238, 70, 126) |
| HSL | hsl(340, 83%, 60%) |
| HSV | hsv(340, 71%, 93%) |
| CMYK | cmyk(0%, 70.6%, 47.1%, 6.7%) |
| CIE-LAB | lab(56.16, 67.44, 6.68) |
| CIE-LCH | lch(56.16, 67.77, 5.65°) |
| OKLab | oklab(64.89% 0.2061 0.0177) |
| OKLCH | oklch(64.89% 0.207 4.9) |
| XYZ | xyz(41.2193, 24.0692, 22.2099) |
| Luminance | 0.2406 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Blush
#DE5D83
ΔE00 3.79
Darkish Pink
#DA467D
ΔE00 4.17
Rose
#FF007F
ΔE00 4.22
Warm Pink
#FB5581
ΔE00 4.42
Strawberry
#FC5A8D
ΔE00 4.90
Strong Pink
#FF0789
ΔE00 5.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EE467E #46EEB6
analogous
#EE46D2 #EE467E #EE6246
triadic
#EE467E #7EEE46 #467EEE
tetradic
#EE467E #D2EE46 #46EEB6 #6246EE
square
#EE467E #D2EE46 #46EEB6 #6246EE
split-complementary
#EE467E #46EE62 #46D2EE
monochromatic
#AA1043 #E21559 #EE467E #F37EA5 #F8B6CC
إمكانية الوصول والتباين
On white
3.61
#EE467E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.81
#EE467E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #EE467E
5.81:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EE467E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EE467E | 1.00 | 3.61 | 5.81 | 5.81 |
| #FFFFFF | 3.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.81 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6D727F
Deuteranopia (green-blind)
#99937A
Tritanopia (blue-blind)
#FF285D
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #ee467e; /* rgb */ color: rgb(238, 70, 126); /* oklch */ color: oklch(64.9% 0.207 4.9);
Tailwind
colors: {
custom: {
50: '#fa85a3',
500: '#ee467e',
950: '#000000',
},
}SCSS
$custom: #ee467e; $custom-light: #fa85a3; $custom-dark: #000000;
JSON
{
"hex": "#ee467e",
"rgb": {
"r": 238,
"g": 70,
"b": 126
},
"hsl": {
"h": 340,
"s": 83.168,
"l": 60.392
},
"oklch": {
"l": 0.64885,
"c": 0.20684,
"h": 4.9
},
"luminance": 0.24064
}Semantic roles & 50–950 ramp
primary
#EE467E
secondary
#A8E8D3
accent
#E09706
background
#FFF8FA
surface
#FFF0F3
border
#D7CBCD
text
#190C0F
muted
#877D7F