Preview
#3f085e
Family: Purple
Accessibility on this swatch:
Contrast vs white: 14.92:1 · vs black: 1.41:1
HEX
#3f085e
RGB
rgb(63, 8, 94)
RGBA
rgba(63, 8, 94, 1)
HSL
hsl(278, 84%, 20%)
HSV
hsv(278, 91%, 37%)
LAB
lab(15.69% 39.57 -37.84)
LCH
lch(15.69% 54.75 316.28)
OKLAB
oklab(0.2914 0.0854 -0.1077)
OKLCH
oklch(0.2914 0.1374 308.41)
XYZ
xyz(4.16, 2.04, 10.76)
CMYK
cmyk(33%, 91%, 0%, 63%)
CSS
color: #3f085e;
CSS variable
--color-3f085e: #3f085e;
SCSS
$color-3f085e: #3f085e;
Tailwind
violet-800
Export
:root {
--#3f085e-1: #3f085e;
}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.