Preview
#202946
Family: Blue
Accessibility on this swatch:
Contrast vs white: 14.31:1 · vs black: 1.47:1
HEX
#202946
RGB
rgb(32, 41, 70)
RGBA
rgba(32, 41, 70, 1)
HSL
hsl(226, 37%, 20%)
HSV
hsv(226, 54%, 27%)
LAB
lab(17.16% 5.66 -19.42)
LCH
lch(17.16% 20.23 286.25)
OKLAB
oklab(0.2878 -0.0003 -0.0548)
OKLCH
oklch(0.2878 0.0548 269.69)
XYZ
xyz(2.49, 2.33, 6.11)
CMYK
cmyk(54%, 41%, 0%, 73%)
CSS
color: #202946;
CSS variable
--color-202946: #202946;
SCSS
$color-202946: #202946;
Tailwind
blue-800
Export
:root {
--#202946-1: #202946;
}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.