Preview
#033a28
Family: Teal
Accessibility on this swatch:
Contrast vs white: 12.81:1 · vs black: 1.64:1
HEX
#033a28
RGB
rgb(3, 58, 40)
RGBA
rgba(3, 58, 40, 1)
HSL
hsl(160, 90%, 12%)
HSV
hsv(160, 95%, 23%)
LAB
lab(20.82% -22.23 6.47)
LCH
lch(20.82% 23.15 163.77)
OKLAB
oklab(0.3097 -0.0609 0.0165)
OKLCH
oklch(0.3097 0.0631 164.84)
XYZ
xyz(1.93, 3.20, 2.52)
CMYK
cmyk(95%, 0%, 31%, 77%)
CSS
color: #033a28;
CSS variable
--color-033a28: #033a28;
SCSS
$color-033a28: #033a28;
Tailwind
teal-900
Export
:root {
--#033a28-1: #033a28;
}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.