#a445a2 ≈ Purpureus
#a445a2 is a color from the magenta family, with medium lightness and moderate saturation. In the RGB model it is made of 64.31% red, 27.06% green and 63.53% blue; printed in CMYK it uses 0% cyan, 57.93% magenta, 1.22% yellow and 35.69% black. Its hue angle is 301.26°, with 40.77% saturation and 45.69% 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. White text on this color reaches a contrast ratio of 5.31:1 (WCAG AA). The closest named color is Purpureus (#9a4eae), ΔE 3.82.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #993399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.1476 |
Shades
#a445a2 mixed progressively with black.
Tints
#a445a2 mixed progressively with white.
Tones
#a445a2 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-a445a2 {
color: #a445a2;
}
.bg-a445a2 {
background-color: #a445a2;
color: #ffffff;
}
.border-a445a2 {
border: 2px solid #a445a2;
}
:root {
--color-primary: #a445a2;
--color-primary-rgb: 164 69 162;
--color-primary-hsl: 301 41% 46%;
}
.gradient-a445a2 {
background: linear-gradient(135deg, #a445a2, #a44573);
}
.shadow-a445a2 {
box-shadow: 0 8px 24px rgb(164 69 162 / 0.35);
}
Purpureus
#a445a2 rgb(164, 69, 162) hsl(301, 41%, 46%) Purpureus
#45a447 rgb(69, 164, 71) hsl(121, 41%, 46%) Medium Sea Green
#a2a445 rgb(162, 164, 69) hsl(61, 41%, 46%) Brass
#45a2a4 rgb(69, 162, 164) hsl(181, 41%, 46%) Cadet Blue