Preview
#212e45
Family: Blue
Accessibility on this swatch:
Contrast vs white: 13.62:1 · vs black: 1.54:1
HEX
#212e45
RGB
rgb(33, 46, 69)
RGBA
rgba(33, 46, 69, 1)
HSL
hsl(218, 35%, 20%)
HSV
hsv(218, 52%, 27%)
LAB
lab(18.83% 2.02 -16.1)
LCH
lch(18.83% 16.23 277.15)
OKLAB
oklab(0.3008 -0.0068 -0.0451)
OKLCH
oklch(0.3008 0.0456 261.43)
XYZ
xyz(2.68, 2.71, 6.01)
CMYK
cmyk(52%, 33%, 0%, 73%)
CSS
color: #212e45;
CSS variable
--color-212e45: #212e45;
SCSS
$color-212e45: #212e45;
Tailwind
sky-800
Export
:root {
--#212e45-1: #212e45;
}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.