Preview
#2a3b35
Family: Teal
Accessibility on this swatch:
Contrast vs white: 11.83:1 · vs black: 1.78:1
HEX
#2a3b35
RGB
rgb(42, 59, 53)
RGBA
rgba(42, 59, 53, 1)
HSL
hsl(159, 17%, 20%)
HSV
hsv(159, 29%, 23%)
LAB
lab(23.26% -8.43 1.49)
LCH
lch(23.26% 8.56 169.98)
OKLAB
oklab(0.3354 -0.0242 0.0038)
OKLCH
oklch(0.3354 0.0245 171.08)
XYZ
xyz(3.16, 3.88, 3.95)
CMYK
cmyk(29%, 0%, 10%, 77%)
CSS
color: #2a3b35;
CSS variable
--color-2a3b35: #2a3b35;
SCSS
$color-2a3b35: #2a3b35;
Tailwind
emerald-800
Export
:root {
--#2a3b35-1: #2a3b35;
}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.