Preview
#484a6a
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.53:1 · vs black: 2.46:1
HEX
#484a6a
RGB
rgb(72, 74, 106)
RGBA
rgba(72, 74, 106, 1)
HSL
hsl(236, 19%, 35%)
HSV
hsv(236, 32%, 42%)
LAB
lab(32.51% 7.44 -18.81)
LCH
lch(32.51% 20.23 291.58)
OKLAB
oklab(0.421 0.0102 -0.0521)
OKLCH
oklch(0.421 0.0531 281.08)
XYZ
xyz(7.72, 7.32, 14.64)
CMYK
cmyk(32%, 30%, 0%, 58%)
CSS
color: #484a6a;
CSS variable
--color-484a6a: #484a6a;
SCSS
$color-484a6a: #484a6a;
Tailwind
blue-600
Export
:root {
--#484a6a-1: #484a6a;
}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.