Preview
#514e73
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.81:1 · vs black: 2.69:1
HEX
#514e73
RGB
rgb(81, 78, 115)
RGBA
rgba(81, 78, 115, 1)
HSL
hsl(245, 19%, 38%)
HSV
hsv(245, 32%, 45%)
LAB
lab(34.87% 10.38 -20.73)
LCH
lch(34.87% 23.18 296.6)
OKLAB
oklab(0.4425 0.018 -0.0575)
OKLCH
oklch(0.4425 0.0603 287.38)
XYZ
xyz(9.21, 8.44, 17.36)
CMYK
cmyk(30%, 32%, 0%, 55%)
CSS
color: #514e73;
CSS variable
--color-514e73: #514e73;
SCSS
$color-514e73: #514e73;
Tailwind
indigo-600
Export
:root {
--#514e73-1: #514e73;
}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.