Preview
#3f3545
Family: Purple
Accessibility on this swatch:
Contrast vs white: 11.62:1 · vs black: 1.81:1
HEX
#3f3545
RGB
rgb(63, 53, 69)
RGBA
rgba(63, 53, 69, 1)
HSL
hsl(278, 13%, 24%)
HSV
hsv(278, 23%, 27%)
LAB
lab(23.78% 8.03 -8.26)
LCH
lch(23.78% 11.52 314.19)
OKLAB
oklab(0.346 0.0206 -0.0224)
OKLCH
oklch(0.346 0.0304 312.6)
XYZ
xyz(4.40, 4.03, 6.18)
CMYK
cmyk(9%, 23%, 0%, 73%)
CSS
color: #3f3545;
CSS variable
--color-3f3545: #3f3545;
SCSS
$color-3f3545: #3f3545;
Tailwind
violet-700
Export
:root {
--#3f3545-1: #3f3545;
}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.