Preview
#22272c
Family: Blue
Accessibility on this swatch:
Contrast vs white: 15.06:1 · vs black: 1.39:1
HEX
#22272c
RGB
rgb(34, 39, 44)
RGBA
rgba(34, 39, 44, 1)
HSL
hsl(210, 13%, 15%)
HSV
hsv(210, 23%, 17%)
LAB
lab(15.34% -0.86 -4.04)
LCH
lch(15.34% 4.13 257.98)
OKLAB
oklab(0.2699 -0.0044 -0.0109)
OKLCH
oklch(0.2699 0.0118 248.02)
XYZ
xyz(1.84, 1.97, 2.67)
CMYK
cmyk(23%, 11%, 0%, 83%)
CSS
color: #22272c;
CSS variable
--color-22272c: #22272c;
SCSS
$color-22272c: #22272c;
Tailwind
sky-800
Export
:root {
--#22272c-1: #22272c;
}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.