Preview
#180e20
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 18.71:1 · vs black: 1.12:1
HEX
#180e20
RGB
rgb(24, 14, 32)
RGBA
rgba(24, 14, 32, 1)
HSL
hsl(273, 39%, 9%)
HSV
hsv(273, 56%, 13%)
LAB
lab(5.53% 8.69 -10.2)
LCH
lch(5.53% 13.4 310.43)
OKLAB
oklab(0.187 0.0239 -0.0298)
OKLCH
oklch(0.187 0.0382 308.73)
XYZ
xyz(0.79, 0.61, 1.44)
CMYK
cmyk(25%, 56%, 0%, 87%)
CSS
color: #180e20;
CSS variable
--color-180e20: #180e20;
SCSS
$color-180e20: #180e20;
Tailwind
violet-900
Export
:root {
--#180e20-1: #180e20;
}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.