Preview
#574d5e
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.99:1 · vs black: 2.63:1
HEX
#574d5e
RGB
rgb(87, 77, 94)
RGBA
rgba(87, 77, 94, 1)
HSL
hsl(275, 10%, 34%)
HSV
hsv(275, 18%, 37%)
LAB
lab(34.28% 7.79 -8.41)
LCH
lch(34.28% 11.46 312.81)
OKLAB
oklab(0.4364 0.02 -0.0227)
OKLCH
oklch(0.4364 0.0303 311.38)
XYZ
xyz(8.60, 8.14, 11.71)
CMYK
cmyk(7%, 18%, 0%, 63%)
CSS
color: #574d5e;
CSS variable
--color-574d5e: #574d5e;
SCSS
$color-574d5e: #574d5e;
Tailwind
violet-600
Export
:root {
--#574d5e-1: #574d5e;
}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.