Preview
#514e6e
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.88:1 · vs black: 2.66:1
HEX
#514e6e
RGB
rgb(81, 78, 110)
RGBA
rgba(81, 78, 110, 1)
HSL
hsl(246, 17%, 37%)
HSV
hsv(246, 29%, 43%)
LAB
lab(34.65% 9.01 -17.96)
LCH
lch(34.65% 20.09 296.64)
OKLAB
oklab(0.44 0.0164 -0.0496)
OKLCH
oklch(0.44 0.0522 288.3)
XYZ
xyz(8.93, 8.32, 15.88)
CMYK
cmyk(26%, 29%, 0%, 57%)
CSS
color: #514e6e;
CSS variable
--color-514e6e: #514e6e;
SCSS
$color-514e6e: #514e6e;
Tailwind
indigo-600
Export
:root {
--#514e6e-1: #514e6e;
}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.