Preview
#222cdd
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.49:1 · vs black: 2.47:1
HEX
#222cdd
RGB
rgb(34, 44, 221)
RGBA
rgba(34, 44, 221, 1)
HSL
hsl(237, 73%, 50%)
HSV
hsv(237, 85%, 87%)
LAB
lab(32.61% 58.28 -88.01)
LCH
lch(32.61% 105.56 303.51)
OKLAB
oklab(0.4441 -0.009 -0.255)
OKLCH
oklch(0.4441 0.2552 267.98)
XYZ
xyz(14.61, 7.36, 69.04)
CMYK
cmyk(85%, 80%, 0%, 13%)
CSS
color: #222cdd;
CSS variable
--color-222cdd: #222cdd;
SCSS
$color-222cdd: #222cdd;
Tailwind
blue-500
Export
:root {
--#222cdd-1: #222cdd;
}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.