#a45aa6 ≈ Purpureus
#a45aa6 is a color from the magenta family, with medium lightness and moderate saturation. In the RGB model it is made of 64.31% red, 35.29% green and 65.1% blue; printed in CMYK it uses 1.2% cyan, 45.78% magenta, 0% yellow and 34.9% black. Its hue angle is 298.42°, with 29.92% saturation and 50.2% 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.59:1 (WCAG AA). The closest named color is Purpureus (#9a4eae), ΔE 5.09.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #996699 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.1796 |
Shades
#a45aa6 mixed progressively with black.
Tints
#a45aa6 mixed progressively with white.
Tones
#a45aa6 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-a45aa6 {
color: #a45aa6;
}
.bg-a45aa6 {
background-color: #a45aa6;
color: #000000;
}
.border-a45aa6 {
border: 2px solid #a45aa6;
}
:root {
--color-primary: #a45aa6;
--color-primary-rgb: 164 90 166;
--color-primary-hsl: 298 30% 50%;
}
.gradient-a45aa6 {
background: linear-gradient(135deg, #a45aa6, #a65a82);
}
.shadow-a45aa6 {
box-shadow: 0 8px 24px rgb(164 90 166 / 0.35);
}
Purpureus
#a45aa6 rgb(164, 90, 166) hsl(298, 30%, 50%) Purpureus
#5ca65a rgb(92, 166, 90) hsl(118, 30%, 50%) Medium Sea Green
#a6a45a rgb(166, 164, 90) hsl(58, 30%, 50%) Dark Khaki
#5aa6a4 rgb(90, 166, 164) hsl(178, 30%, 50%) Cadet Blue