Preview
#3300ff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.12:1 · vs black: 2.58:1
HEX
#3300ff
RGB
rgb(51, 0, 255)
RGBA
rgba(51, 0, 255, 1)
HSL
hsl(252, 100%, 50%)
HSV
hsv(252, 100%, 100%)
LAB
lab(33.82% 79.7 -105.28)
LCH
lch(33.82% 132.05 307.13)
OKLAB
oklab(0.4664 0.0036 -0.3039)
OKLCH
oklch(0.4664 0.3039 270.68)
XYZ
xyz(19.41, 7.92, 95.09)
CMYK
cmyk(80%, 100%, 0%, 0%)
CSS
color: #3300ff;
CSS variable
--color-3300ff: #3300ff;
SCSS
$color-3300ff: #3300ff;
Tailwind
indigo-500
Export
:root {
--web-safe-#3300ff-1: #3300ff;
}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.