Preview
#453c62
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.12:1 · vs black: 2.08:1
HEX
#453c62
RGB
rgb(69, 60, 98)
RGBA
rgba(69, 60, 98, 1)
HSL
hsl(254, 24%, 31%)
HSV
hsv(254, 39%, 38%)
LAB
lab(27.79% 13.33 -21.08)
LCH
lch(27.79% 24.94 302.31)
OKLAB
oklab(0.3827 0.0262 -0.0587)
OKLCH
oklch(0.3827 0.0643 294.05)
XYZ
xyz(6.27, 5.38, 12.26)
CMYK
cmyk(30%, 39%, 0%, 62%)
CSS
color: #453c62;
CSS variable
--color-453c62: #453c62;
SCSS
$color-453c62: #453c62;
Tailwind
indigo-600
Export
:root {
--#453c62-1: #453c62;
}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.