Preview
#293d39
Family: Teal
Accessibility on this swatch:
Contrast vs white: 11.53:1 · vs black: 1.82:1
HEX
#293d39
RGB
rgb(41, 61, 57)
RGBA
rgba(41, 61, 57, 1)
HSL
hsl(168, 20%, 20%)
HSV
hsv(168, 33%, 24%)
LAB
lab(24.01% -9 -0.1)
LCH
lch(24.01% 9 180.64)
OKLAB
oklab(0.3416 -0.0265 -0.0004)
OKLCH
oklch(0.3416 0.0265 180.86)
XYZ
xyz(3.32, 4.10, 4.49)
CMYK
cmyk(33%, 0%, 7%, 76%)
CSS
color: #293d39;
CSS variable
--color-293d39: #293d39;
SCSS
$color-293d39: #293d39;
Tailwind
teal-800
Export
:root {
--#293d39-1: #293d39;
}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.