Preview
#222835
Family: Blue
Accessibility on this swatch:
Contrast vs white: 14.76:1 · vs black: 1.42:1
HEX
#222835
RGB
rgb(34, 40, 53)
RGBA
rgba(34, 40, 53, 1)
HSL
hsl(221, 22%, 17%)
HSV
hsv(221, 36%, 21%)
LAB
lab(16.08% 1.16 -9.28)
LCH
lch(16.08% 9.35 277.13)
OKLAB
oklab(0.2769 -0.002 -0.0256)
OKLCH
oklch(0.2769 0.0257 265.53)
XYZ
xyz(2.06, 2.11, 3.67)
CMYK
cmyk(36%, 25%, 0%, 79%)
CSS
color: #222835;
CSS variable
--color-222835: #222835;
SCSS
$color-222835: #222835;
Tailwind
blue-800
Export
:root {
--#222835-1: #222835;
}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.