Preview
#302a38
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 13.87:1 · vs black: 1.51:1
HEX
#302a38
RGB
rgb(48, 42, 56)
RGBA
rgba(48, 42, 56, 1)
HSL
hsl(266, 14%, 19%)
HSV
hsv(266, 25%, 22%)
LAB
lab(18.23% 6.14 -7.97)
LCH
lch(18.23% 10.06 307.61)
OKLAB
oklab(0.2975 0.0148 -0.0217)
OKLCH
oklch(0.2975 0.0263 304.3)
XYZ
xyz(2.76, 2.57, 4.09)
CMYK
cmyk(14%, 25%, 0%, 78%)
CSS
color: #302a38;
CSS variable
--color-302a38: #302a38;
SCSS
$color-302a38: #302a38;
Tailwind
violet-800
Export
:root {
--#302a38-1: #302a38;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.