Preview
#4b4c62
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.37:1 · vs black: 2.51:1
HEX
#4b4c62
RGB
rgb(75, 76, 98)
RGBA
rgba(75, 76, 98, 1)
HSL
hsl(237, 13%, 34%)
HSV
hsv(237, 23%, 38%)
LAB
lab(33.02% 4.96 -12.96)
LCH
lch(33.02% 13.88 290.94)
OKLAB
oklab(0.4244 0.008 -0.0355)
OKLCH
oklch(0.4244 0.0364 282.7)
XYZ
xyz(7.69, 7.55, 12.60)
CMYK
cmyk(23%, 22%, 0%, 62%)
CSS
color: #4b4c62;
CSS variable
--color-4b4c62: #4b4c62;
SCSS
$color-4b4c62: #4b4c62;
Tailwind
blue-600
Export
:root {
--#4b4c62-1: #4b4c62;
}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.