Preview
#52486a
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.42:1 · vs black: 2.49:1
HEX
#52486a
RGB
rgb(82, 72, 106)
RGBA
rgba(82, 72, 106, 1)
HSL
hsl(258, 19%, 35%)
HSV
hsv(258, 32%, 42%)
LAB
lab(32.85% 12.13 -18.21)
LCH
lch(32.85% 21.88 303.67)
OKLAB
oklab(0.4258 0.0261 -0.0503)
OKLCH
oklch(0.4258 0.0567 297.42)
XYZ
xyz(8.40, 7.47, 14.63)
CMYK
cmyk(23%, 32%, 0%, 58%)
CSS
color: #52486a;
CSS variable
--color-52486a: #52486a;
SCSS
$color-52486a: #52486a;
Tailwind
indigo-600
Export
:root {
--#52486a-1: #52486a;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.