Preview
#483d4f
Family: Purple
Accessibility on this swatch:
Contrast vs white: 10.21:1 · vs black: 2.06:1
HEX
#483d4f
RGB
rgb(72, 61, 79)
RGBA
rgba(72, 61, 79, 1)
HSL
hsl(277, 13%, 27%)
HSV
hsv(277, 23%, 31%)
LAB
lab(27.52% 8.73 -9.13)
LCH
lch(27.52% 12.63 313.72)
OKLAB
oklab(0.3785 0.0224 -0.0247)
OKLCH
oklch(0.3785 0.0333 312.2)
XYZ
xyz(5.75, 5.28, 8.11)
CMYK
cmyk(9%, 23%, 0%, 69%)
CSS
color: #483d4f;
CSS variable
--color-483d4f: #483d4f;
SCSS
$color-483d4f: #483d4f;
Tailwind
violet-700
Export
:root {
--#483d4f-1: #483d4f;
}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.