#a445a6 ≈ Purpureus
#a445a6 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 65.1% blue; printed in CMYK it uses 1.2% cyan, 58.43% magenta, 0% yellow and 34.9% black. Its hue angle is 298.76°, with 41.28% saturation and 46.08% 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.28:1 (WCAG AA). The closest named color is Purpureus (#9a4eae), ΔE 3.23.
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.149 |
Shades
#a445a6 mixed progressively with black.
Tints
#a445a6 mixed progressively with white.
Tones
#a445a6 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-a445a6 {
color: #a445a6;
}
.bg-a445a6 {
background-color: #a445a6;
color: #ffffff;
}
.border-a445a6 {
border: 2px solid #a445a6;
}
:root {
--color-primary: #a445a6;
--color-primary-rgb: 164 69 166;
--color-primary-hsl: 299 41% 46%;
}
.gradient-a445a6 {
background: linear-gradient(135deg, #a445a6, #a64578);
}
.shadow-a445a6 {
box-shadow: 0 8px 24px rgb(164 69 166 / 0.35);
}
Purpureus
#a445a6 rgb(164, 69, 166) hsl(299, 41%, 46%) Purpureus
#47a645 rgb(71, 166, 69) hsl(119, 41%, 46%) Medium Sea Green
#a6a445 rgb(166, 164, 69) hsl(59, 41%, 46%) Brass
#45a6a4 rgb(69, 166, 164) hsl(179, 41%, 46%) Verdigris