Preview
#453a48
Family: Purple
Accessibility on this swatch:
Contrast vs white: 10.76:1 · vs black: 1.95:1
HEX
#453a48
RGB
rgb(69, 58, 72)
RGBA
rgba(69, 58, 72, 1)
HSL
hsl(287, 11%, 25%)
HSV
hsv(287, 19%, 28%)
LAB
lab(26.04% 7.84 -6.78)
LCH
lch(26.04% 10.37 319.15)
OKLAB
oklab(0.3654 0.0209 -0.0182)
OKLCH
oklch(0.3654 0.0277 318.95)
XYZ
xyz(5.14, 4.76, 6.78)
CMYK
cmyk(4%, 19%, 0%, 72%)
CSS
color: #453a48;
CSS variable
--color-453a48: #453a48;
SCSS
$color-453a48: #453a48;
Tailwind
purple-700
Export
:root {
--#453a48-1: #453a48;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.