Preview
#484b6a
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.43:1 · vs black: 2.49:1
HEX
#484b6a
RGB
rgb(72, 75, 106)
RGBA
rgba(72, 75, 106, 1)
HSL
hsl(235, 19%, 35%)
HSV
hsv(235, 32%, 42%)
LAB
lab(32.81% 6.79 -18.35)
LCH
lch(32.81% 19.57 290.31)
OKLAB
oklab(0.4233 0.0087 -0.0508)
OKLCH
oklch(0.4233 0.0515 279.72)
XYZ
xyz(7.79, 7.45, 14.66)
CMYK
cmyk(32%, 29%, 0%, 58%)
CSS
color: #484b6a;
CSS variable
--color-484b6a: #484b6a;
SCSS
$color-484b6a: #484b6a;
Tailwind
blue-600
Export
:root {
--#484b6a-1: #484b6a;
}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.