Preview
#1d3c38
Family: Teal
Accessibility on this swatch:
Contrast vs white: 11.96:1 · vs black: 1.76:1
HEX
#1d3c38
RGB
rgb(29, 60, 56)
RGBA
rgba(29, 60, 56, 1)
HSL
hsl(172, 35%, 17%)
HSV
hsv(172, 52%, 24%)
LAB
lab(22.92% -12.69 -1.11)
LCH
lch(22.92% 12.74 185)
OKLAB
oklab(0.3309 -0.0376 -0.0032)
OKLCH
oklch(0.3309 0.0377 184.86)
XYZ
xyz(2.84, 3.78, 4.32)
CMYK
cmyk(52%, 0%, 7%, 76%)
CSS
color: #1d3c38;
CSS variable
--color-1d3c38: #1d3c38;
SCSS
$color-1d3c38: #1d3c38;
Tailwind
teal-800
Export
:root {
--#1d3c38-1: #1d3c38;
}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.