Preview
#180b30
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 18.59:1 · vs black: 1.13:1
HEX
#180b30
RGB
rgb(24, 11, 48)
RGBA
rgba(24, 11, 48, 1)
HSL
hsl(261, 63%, 12%)
HSV
hsv(261, 77%, 19%)
LAB
lab(5.84% 16.48 -21.83)
LCH
lch(5.84% 27.35 307.05)
OKLAB
oklab(0.1939 0.0299 -0.0634)
OKLCH
oklch(0.1939 0.0701 295.25)
XYZ
xyz(1.03, 0.65, 2.87)
CMYK
cmyk(50%, 77%, 0%, 81%)
CSS
color: #180b30;
CSS variable
--color-180b30: #180b30;
SCSS
$color-180b30: #180b30;
Tailwind
violet-900
Export
:root {
--#180b30-1: #180b30;
}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.