Preview
#35315b
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 12.06:1 · vs black: 1.74:1
HEX
#35315b
RGB
rgb(53, 49, 91)
RGBA
rgba(53, 49, 91, 1)
HSL
hsl(246, 30%, 27%)
HSV
hsv(246, 46%, 36%)
LAB
lab(22.68% 13.53 -24.66)
LCH
lch(22.68% 28.13 298.75)
OKLAB
oklab(0.3388 0.0202 -0.0695)
OKLCH
oklch(0.3388 0.0724 286.21)
XYZ
xyz(4.45, 3.71, 10.38)
CMYK
cmyk(42%, 46%, 0%, 64%)
CSS
color: #35315b;
CSS variable
--color-35315b: #35315b;
SCSS
$color-35315b: #35315b;
Tailwind
indigo-700
Export
:root {
--#35315b-1: #35315b;
}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.