Preview
#62506d
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.27:1 · vs black: 2.89:1
HEX
#62506d
RGB
rgb(98, 80, 109)
RGBA
rgba(98, 80, 109, 1)
HSL
hsl(277, 15%, 37%)
HSV
hsv(277, 27%, 43%)
LAB
lab(36.81% 13.52 -13.87)
LCH
lch(36.81% 19.37 314.27)
OKLAB
oklab(0.4606 0.0345 -0.0377)
OKLCH
oklch(0.4606 0.0511 312.46)
XYZ
xyz(10.67, 9.44, 15.72)
CMYK
cmyk(10%, 27%, 0%, 57%)
CSS
color: #62506d;
CSS variable
--color-62506d: #62506d;
SCSS
$color-62506d: #62506d;
Tailwind
violet-600
Export
:root {
--#62506d-1: #62506d;
}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.