#EE659F#EE659F
#EE659F لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.300؛ OKLCH L 69.3% C 0.178 H 356.3°. أفضل لون لنص المتن هو #000000 بتباين 7.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EE659F |
|---|---|
| RGB | rgb(238, 101, 159) |
| HSL | hsl(335, 80%, 66%) |
| HSV | hsv(335, 58%, 93%) |
| CMYK | cmyk(0%, 57.6%, 33.2%, 6.7%) |
| CIE-LAB | lab(61.65, 58.37, -4.61) |
| CIE-LCH | lch(61.65, 58.55, 355.48°) |
| OKLab | oklab(69.26% 0.1778 -0.0114) |
| OKLCH | oklch(69.26% 0.178 356.3) |
| XYZ | xyz(46.1739, 29.9925, 36.1516) |
| Luminance | 0.2999 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Medium Pink
#F36196
ΔE00 2.40
Bubble Gum Pink
#FF69AF
ΔE00 3.65
Hot Pink
#FF69B4
ΔE00 4.31
Bubblegum (survey)
#FF6CB5
ΔE00 4.52
Palevioletred
#DB7093
ΔE00 4.58
Barbie Pink
#FE46A5
ΔE00 4.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EE659F #65EEB4
analogous
#EE65E3 #EE659F #EE7065
triadic
#EE659F #9FEE65 #659FEE
tetradic
#EE659F #E3EE65 #65EEB4 #7065EE
square
#EE659F #E3EE65 #65EEB4 #7065EE
split-complementary
#EE659F #65EE70 #65E3EE
monochromatic
#C3165F #E82E7D #EE659F #F49CC1 #FAD3E4
إمكانية الوصول والتباين
On white
3.00
#EE659F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
7.00
#EE659F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EE659F
7.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EE659F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EE659F | 1.00 | 3.00 | 7.00 | 7.00 |
| #FFFFFF | 3.00 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.00 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7A85A1
Deuteranopia (green-blind)
#9F9E9C
Tritanopia (blue-blind)
#FF5B7B
Achromatopsia (no color)
#959595
وسوم التصميم والكود
CSS
--color: #ee659f; /* rgb */ color: rgb(238, 101, 159); /* oklch */ color: oklch(69.3% 0.178 356.3);
Tailwind
colors: {
custom: {
50: '#f796bb',
500: '#ee659f',
950: '#000000',
},
}SCSS
$custom: #ee659f; $custom-light: #f796bb; $custom-dark: #000000;
JSON
{
"hex": "#ee659f",
"rgb": {
"r": 238,
"g": 101,
"b": 159
},
"hsl": {
"h": 334.599,
"s": 80.117,
"l": 66.471
},
"oklch": {
"l": 0.69263,
"c": 0.17815,
"h": 356.3
},
"luminance": 0.29988
}Semantic roles & 50–950 ramp
primary
#EE659F
secondary
#C1EEDB
accent
#DC8309
background
#FFF9FB
surface
#FFF2F6
border
#D7CCD0
text
#180E11
muted
#867E80