Preview
#4f5188
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.33:1 · vs black: 2.86:1
HEX
#4f5188
RGB
rgb(79, 81, 136)
RGBA
rgba(79, 81, 136, 1)
HSL
hsl(238, 27%, 42%)
HSV
hsv(238, 42%, 53%)
LAB
lab(36.6% 14.01 -31)
LCH
lch(36.6% 34.02 294.32)
OKLAB
oklab(0.4588 0.0165 -0.0872)
OKLCH
oklch(0.4588 0.0887 280.71)
XYZ
xyz(10.61, 9.32, 24.53)
CMYK
cmyk(42%, 40%, 0%, 47%)
CSS
color: #4f5188;
CSS variable
--color-4f5188: #4f5188;
SCSS
$color-4f5188: #4f5188;
Tailwind
blue-500
Export
:root {
--#4f5188-1: #4f5188;
}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.