#cd47af ≈ Shocking Pink
#cd47af is a color from the magenta family, with medium lightness and strong saturation. In the RGB model it is made of 80.39% red, 27.84% green and 68.63% blue; printed in CMYK it uses 0% cyan, 65.37% magenta, 14.63% yellow and 19.61% black. Its hue angle is 313.43°, with 57.26% saturation and 54.12% 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 5.12:1 (WCAG AA). The closest named color is Shocking Pink (#fc0fc0), ΔE 7.14.
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.2058 |
Shades
#cd47af mixed progressively with black.
Tints
#cd47af mixed progressively with white.
Tones
#cd47af mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-cd47af {
color: #cd47af;
}
.bg-cd47af {
background-color: #cd47af;
color: #000000;
}
.border-cd47af {
border: 2px solid #cd47af;
}
:root {
--color-primary: #cd47af;
--color-primary-rgb: 205 71 175;
--color-primary-hsl: 313 57% 54%;
}
.gradient-cd47af {
background: linear-gradient(135deg, #cd47af, #cd476c);
}
.shadow-cd47af {
box-shadow: 0 8px 24px rgb(205 71 175 / 0.35);
}
Shocking Pink
#cd47af rgb(205, 71, 175) hsl(313, 57%, 54%) Shocking Pink
#47cd65 rgb(71, 205, 101) hsl(133, 57%, 54%) Emerald
#afcd47 rgb(175, 205, 71) hsl(73, 57%, 54%) June Bud
#47afcd rgb(71, 175, 205) hsl(193, 57%, 54%) Moonstone Blue