Preview
#535cdf
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 5.3:1 · vs black: 3.96:1
HEX
#535cdf
RGB
rgb(83, 92, 223)
RGBA
rgba(83, 92, 223, 1)
HSL
hsl(236, 69%, 60%)
HSV
hsv(236, 63%, 87%)
LAB
lab(45.39% 36.28 -68.05)
LCH
lch(45.39% 77.12 298.06)
OKLAB
oklab(0.5437 0.0164 -0.1958)
OKLCH
oklch(0.5437 0.1965 274.79)
XYZ
xyz(20.71, 14.82, 71.57)
CMYK
cmyk(63%, 59%, 0%, 13%)
CSS
color: #535cdf;
CSS variable
--color-535cdf: #535cdf;
SCSS
$color-535cdf: #535cdf;
Tailwind
blue-400
Export
:root {
--spectrum-#535cdf-1: #535cdf;
}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.