Preview
#333399
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.12:1 · vs black: 2.07:1
HEX
#333399
RGB
rgb(51, 51, 153)
RGBA
rgba(51, 51, 153, 1)
HSL
hsl(240, 50%, 40%)
HSV
hsv(240, 67%, 60%)
LAB
lab(27.77% 33.16 -55.73)
LCH
lch(27.77% 64.85 300.75)
OKLAB
oklab(0.391 0.0166 -0.1608)
OKLCH
oklch(0.391 0.1617 275.89)
XYZ
xyz(8.30, 5.37, 30.73)
CMYK
cmyk(67%, 67%, 0%, 40%)
CSS
color: #333399;
CSS variable
--color-333399: #333399;
SCSS
$color-333399: #333399;
Tailwind
indigo-600
Export
:root {
--web-safe-#333399-1: #333399;
}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.