Preview
#58375c
Family: Purple
Accessibility on this swatch:
Contrast vs white: 9.92:1 · vs black: 2.12:1
HEX
#58375c
RGB
rgb(88, 55, 92)
RGBA
rgba(88, 55, 92, 1)
HSL
hsl(294, 25%, 29%)
HSV
hsv(294, 40%, 36%)
LAB
lab(28.33% 21.69 -16.2)
LCH
lch(28.33% 27.07 323.24)
OKLAB
oklab(0.3909 0.0587 -0.0443)
OKLCH
oklch(0.3909 0.0735 322.96)
XYZ
xyz(7.32, 5.58, 10.81)
CMYK
cmyk(4%, 40%, 0%, 64%)
CSS
color: #58375c;
CSS variable
--color-58375c: #58375c;
SCSS
$color-58375c: #58375c;
Tailwind
purple-700
Export
:root {
--#58375c-1: #58375c;
}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.