Preview
#464bb4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.18:1 · vs black: 2.93:1
HEX
#464bb4
RGB
rgb(70, 75, 180)
RGBA
rgba(70, 75, 180, 1)
HSL
hsl(237, 44%, 49%)
HSV
hsv(237, 61%, 71%)
LAB
lab(37.17% 30.27 -56.56)
LCH
lch(37.17% 64.15 298.15)
OKLAB
oklab(0.4704 0.0173 -0.1625)
OKLCH
oklch(0.4704 0.1634 276.08)
XYZ
xyz(13.28, 9.63, 44.33)
CMYK
cmyk(61%, 58%, 0%, 29%)
CSS
color: #464bb4;
CSS variable
--color-464bb4: #464bb4;
SCSS
$color-464bb4: #464bb4;
Tailwind
blue-500
Export
:root {
--#464bb4-1: #464bb4;
}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.