#a653b4 ≈ Purpureus
#a653b4 is a color from the magenta family, with medium lightness and moderate saturation. In the RGB model it is made of 65.1% red, 32.55% green and 70.59% blue; printed in CMYK it uses 7.78% cyan, 53.89% magenta, 0% yellow and 29.41% black. Its hue angle is 291.34°, with 39.27% saturation and 51.57% 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 4.65:1 (WCAG AA). The closest named color is Purpureus (#9a4eae), ΔE 3.
Description generated from the measured properties of this color.
| HEX | |
|---|---|
| RGB | |
| RGB percent | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web safe | #9966cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binary | |
| Decimal | |
| Relative luminance | 0.1759 |
Shades
#a653b4 mixed progressively with black.
Tints
#a653b4 mixed progressively with white.
Tones
#a653b4 mixed progressively with gray.
Text in this color
Background in this color
Border in this color
.text-a653b4 {
color: #a653b4;
}
.bg-a653b4 {
background-color: #a653b4;
color: #ffffff;
}
.border-a653b4 {
border: 2px solid #a653b4;
}
:root {
--color-primary: #a653b4;
--color-primary-rgb: 166 83 180;
--color-primary-hsl: 291 39% 52%;
}
.gradient-a653b4 {
background: linear-gradient(135deg, #a653b4, #b45392);
}
.shadow-a653b4 {
box-shadow: 0 8px 24px rgb(166 83 180 / 0.35);
}
Purpureus
#a653b4 rgb(166, 83, 180) hsl(291, 39%, 52%) Purpureus
#61b453 rgb(97, 180, 83) hsl(111, 39%, 52%) Mantis
#b4a653 rgb(180, 166, 83) hsl(51, 39%, 52%) Brass
#53b4a6 rgb(83, 180, 166) hsl(171, 39%, 52%) Verdigris