Preview
#052f26
Family: Teal
Accessibility on this swatch:
Contrast vs white: 14.57:1 · vs black: 1.44:1
HEX
#052f26
RGB
rgb(5, 47, 38)
RGBA
rgba(5, 47, 38, 1)
HSL
hsl(167, 81%, 10%)
HSV
hsv(167, 89%, 18%)
LAB
lab(16.53% -16.81 1.75)
LCH
lch(16.53% 16.9 174.06)
OKLAB
oklab(0.2744 -0.0476 0.0044)
OKLCH
oklch(0.2744 0.0478 174.72)
XYZ
xyz(1.43, 2.21, 2.18)
CMYK
cmyk(89%, 0%, 19%, 82%)
CSS
color: #052f26;
CSS variable
--color-052f26: #052f26;
SCSS
$color-052f26: #052f26;
Tailwind
teal-900
Export
:root {
--#052f26-1: #052f26;
}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.