#da29ae ≈ Shocking Pink
#da29ae is a color from the magenta family, with medium lightness and strong saturation. In the RGB model it is made of 85.49% red, 16.08% green and 68.24% blue; printed in CMYK it uses 0% cyan, 81.19% magenta, 20.18% yellow and 14.51% black. Its hue angle is 314.92°, with 70.52% saturation and 50.78% 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 brand accents. Black text on this color reaches a contrast ratio of 4.91:1 (WCAG AA). The closest named color is Shocking Pink (#fc0fc0), ΔE 6.04.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #cc3399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.1955 |
Shades
#da29ae mixed progressively with black.
Tints
#da29ae mixed progressively with white.
Tones
#da29ae mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-da29ae {
color: #da29ae;
}
.bg-da29ae {
background-color: #da29ae;
color: #000000;
}
.border-da29ae {
border: 2px solid #da29ae;
}
:root {
--color-primary: #da29ae;
--color-primary-rgb: 218 41 174;
--color-primary-hsl: 315 71% 51%;
}
.gradient-da29ae {
background: linear-gradient(135deg, #da29ae, #da2955);
}
.shadow-da29ae {
box-shadow: 0 8px 24px rgb(218 41 174 / 0.35);
}
Shocking Pink
#da29ae rgb(218, 41, 174) hsl(315, 71%, 51%) Shocking Pink
#29da55 rgb(41, 218, 85) hsl(135, 71%, 51%) Malachite
#aeda29 rgb(174, 218, 41) hsl(75, 71%, 51%) June Bud
#29aeda rgb(41, 174, 218) hsl(195, 71%, 51%) Deep Sky Blue