#c445a3 ≈ Mulberry
#c445a3 is a color from the magenta family, with medium lightness and moderate saturation. In the RGB model it is made of 76.86% red, 27.06% green and 63.92% blue; printed in CMYK it uses 0% cyan, 64.8% magenta, 16.84% yellow and 23.14% black. Its hue angle is 315.59°, with 51.84% saturation and 51.96% 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.73:1 (WCAG AA). The closest named color is Mulberry (#c54b8c), ΔE 5.67.
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.1864 |
Shades
#c445a3 mixed progressively with black.
Tints
#c445a3 mixed progressively with white.
Tones
#c445a3 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-c445a3 {
color: #c445a3;
}
.bg-c445a3 {
background-color: #c445a3;
color: #000000;
}
.border-c445a3 {
border: 2px solid #c445a3;
}
:root {
--color-primary: #c445a3;
--color-primary-rgb: 196 69 163;
--color-primary-hsl: 316 52% 52%;
}
.gradient-c445a3 {
background: linear-gradient(135deg, #c445a3, #c44563);
}
.shadow-c445a3 {
box-shadow: 0 8px 24px rgb(196 69 163 / 0.35);
}
Mulberry
#c445a3 rgb(196, 69, 163) hsl(316, 52%, 52%) Mulberry
#45c466 rgb(69, 196, 102) hsl(136, 52%, 52%) Emerald
#a3c445 rgb(163, 196, 69) hsl(76, 52%, 52%) Yellow Green
#45a3c4 rgb(69, 163, 196) hsl(196, 52%, 52%) Moonstone Blue