Preview
#4e4b63
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.36:1 · vs black: 2.51:1
HEX
#4e4b63
RGB
rgb(78, 75, 99)
RGBA
rgba(78, 75, 99, 1)
HSL
hsl(248, 14%, 34%)
HSV
hsv(248, 24%, 39%)
LAB
lab(33.03% 6.94 -13.54)
LCH
lch(33.03% 15.21 297.14)
OKLAB
oklab(0.4253 0.0137 -0.0371)
OKLCH
oklch(0.4253 0.0395 290.27)
XYZ
xyz(7.91, 7.55, 12.84)
CMYK
cmyk(21%, 24%, 0%, 61%)
CSS
color: #4e4b63;
CSS variable
--color-4e4b63: #4e4b63;
SCSS
$color-4e4b63: #4e4b63;
Tailwind
indigo-600
Export
:root {
--#4e4b63-1: #4e4b63;
}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.