Preview
#222b55
Family: Blue
Accessibility on this swatch:
Contrast vs white: 13.59:1 · vs black: 1.54:1
HEX
#222b55
RGB
rgb(34, 43, 85)
RGBA
rgba(34, 43, 85, 1)
HSL
hsl(229, 43%, 23%)
HSV
hsv(229, 60%, 33%)
LAB
lab(18.9% 10.39 -26.79)
LCH
lch(18.9% 28.73 291.2)
OKLAB
oklab(0.3047 0.0027 -0.0763)
OKLCH
oklch(0.3047 0.0763 272.03)
XYZ
xyz(3.16, 2.72, 8.95)
CMYK
cmyk(60%, 49%, 0%, 67%)
CSS
color: #222b55;
CSS variable
--color-222b55: #222b55;
SCSS
$color-222b55: #222b55;
Tailwind
blue-700
Export
:root {
--#222b55-1: #222b55;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.