Preview
#565167
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.59:1 · vs black: 2.77:1
HEX
#565167
RGB
rgb(86, 81, 103)
RGBA
rgba(86, 81, 103, 1)
HSL
hsl(254, 12%, 36%)
HSV
hsv(254, 21%, 40%)
LAB
lab(35.68% 7.05 -11.96)
LCH
lch(35.68% 13.88 300.52)
OKLAB
oklab(0.4482 0.0154 -0.0326)
OKLCH
oklch(0.4482 0.0361 295.29)
XYZ
xyz(9.23, 8.84, 14.05)
CMYK
cmyk(17%, 21%, 0%, 60%)
CSS
color: #565167;
CSS variable
--color-565167: #565167;
SCSS
$color-565167: #565167;
Tailwind
indigo-600
Export
:root {
--#565167-1: #565167;
}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.