Preview
#515066
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.81:1 · vs black: 2.69:1
HEX
#515066
RGB
rgb(81, 80, 102)
RGBA
rgba(81, 80, 102, 1)
HSL
hsl(243, 12%, 36%)
HSV
hsv(243, 22%, 40%)
LAB
lab(34.89% 5.61 -12.57)
LCH
lch(34.89% 13.77 294.05)
OKLAB
oklab(0.4408 0.0104 -0.0344)
OKLCH
oklch(0.4408 0.0359 286.82)
XYZ
xyz(8.66, 8.45, 13.74)
CMYK
cmyk(21%, 22%, 0%, 60%)
CSS
color: #515066;
CSS variable
--color-515066: #515066;
SCSS
$color-515066: #515066;
Tailwind
indigo-600
Export
:root {
--#515066-1: #515066;
}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.