Preview
#30304b
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 12.73:1 · vs black: 1.65:1
HEX
#30304b
RGB
rgb(48, 48, 75)
RGBA
rgba(48, 48, 75, 1)
HSL
hsl(240, 22%, 24%)
HSV
hsv(240, 36%, 29%)
LAB
lab(21.02% 7.5 -16.66)
LCH
lch(21.02% 18.27 294.24)
OKLAB
oklab(0.322 0.011 -0.0464)
OKLCH
oklch(0.322 0.0477 283.34)
XYZ
xyz(3.55, 3.25, 7.10)
CMYK
cmyk(36%, 36%, 0%, 71%)
CSS
color: #30304b;
CSS variable
--color-30304b: #30304b;
SCSS
$color-30304b: #30304b;
Tailwind
indigo-700
Export
:root {
--#30304b-1: #30304b;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.