Preview
#1f4738
Family: Teal
Accessibility on this swatch:
Contrast vs white: 10.41:1 · vs black: 2.02:1
HEX
#1f4738
RGB
rgb(31, 71, 56)
RGBA
rgba(31, 71, 56, 1)
HSL
hsl(158, 39%, 20%)
HSV
hsv(158, 56%, 28%)
LAB
lab(26.97% -18.37 4.76)
LCH
lch(26.97% 18.98 165.47)
OKLAB
oklab(0.3639 -0.0513 0.0122)
OKLCH
oklch(0.3639 0.0527 166.62)
XYZ
xyz(3.53, 5.08, 4.54)
CMYK
cmyk(56%, 0%, 21%, 72%)
CSS
color: #1f4738;
CSS variable
--color-1f4738: #1f4738;
SCSS
$color-1f4738: #1f4738;
Tailwind
emerald-800
Export
:root {
--#1f4738-1: #1f4738;
}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.