Preview
#052522
Family: Teal
Accessibility on this swatch:
Contrast vs white: 16.23:1 · vs black: 1.29:1
HEX
#052522
RGB
rgb(5, 37, 34)
RGBA
rgba(5, 37, 34, 1)
HSL
hsl(174, 76%, 8%)
HSV
hsv(174, 86%, 15%)
LAB
lab(12.42% -12.48 -1.41)
LCH
lch(12.42% 12.56 186.45)
OKLAB
oklab(0.2404 -0.0371 -0.004)
OKLCH
oklch(0.2404 0.0373 186.15)
XYZ
xyz(1.01, 1.47, 1.74)
CMYK
cmyk(86%, 0%, 8%, 85%)
CSS
color: #052522;
CSS variable
--color-052522: #052522;
SCSS
$color-052522: #052522;
Tailwind
teal-900
Export
:root {
--#052522-1: #052522;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.