#ea29bb ≈ Shocking Pink
#ea29bb is a color from the magenta family, with medium lightness and vivid saturation. In the RGB model it is made of 91.76% red, 16.08% green and 73.33% blue; printed in CMYK it uses 0% cyan, 82.48% magenta, 20.09% yellow and 8.24% black. Its hue angle is 314.61°, with 82.13% saturation and 53.92% lightness in HSL. It sits between warm and cool, and is often associated with creativity, boldness and individuality. Designers typically use it for beauty and cosmetics, creative studios and call-to-action buttons. Black text on this color reaches a contrast ratio of 5.53:1 (WCAG AA). The closest named color is Shocking Pink (#fc0fc0), ΔE 2.74.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #ff33cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.2267 |
Shades
#ea29bb mixed progressively with black.
Tints
#ea29bb mixed progressively with white.
Tones
#ea29bb mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-ea29bb {
color: #ea29bb;
}
.bg-ea29bb {
background-color: #ea29bb;
color: #000000;
}
.border-ea29bb {
border: 2px solid #ea29bb;
}
:root {
--color-primary: #ea29bb;
--color-primary-rgb: 234 41 187;
--color-primary-hsl: 315 82% 54%;
}
.gradient-ea29bb {
background: linear-gradient(135deg, #ea29bb, #ea295a);
}
.shadow-ea29bb {
box-shadow: 0 8px 24px rgb(234 41 187 / 0.35);
}
Shocking Pink
#ea29bb rgb(234, 41, 187) hsl(315, 82%, 54%) Shocking Pink
#29ea58 rgb(41, 234, 88) hsl(135, 82%, 54%) Malachite
#bbea29 rgb(187, 234, 41) hsl(75, 82%, 54%) Electric Lime
#29bbea rgb(41, 187, 234) hsl(195, 82%, 54%) Deep Sky Blue