Preview
#4b2556
Family: Purple
Accessibility on this swatch:
Contrast vs white: 12.37:1 · vs black: 1.7:1
HEX
#4b2556
RGB
rgb(75, 37, 86)
RGBA
rgba(75, 37, 86, 1)
HSL
hsl(287, 40%, 24%)
HSV
hsv(287, 57%, 34%)
LAB
lab(21.91% 26.92 -22.4)
LCH
lch(21.91% 35.02 320.24)
OKLAB
oklab(0.3381 0.0697 -0.0622)
OKLCH
oklch(0.3381 0.0934 318.25)
XYZ
xyz(5.24, 3.49, 9.20)
CMYK
cmyk(13%, 57%, 0%, 66%)
CSS
color: #4b2556;
CSS variable
--color-4b2556: #4b2556;
SCSS
$color-4b2556: #4b2556;
Tailwind
purple-700
Export
:root {
--#4b2556-1: #4b2556;
}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.