Preview
#314a46
HEX
#314a46
RGB
rgb(49, 74, 70)
RGBA
rgba(49, 74, 70, 1)
HSL
hsl(170, 20%, 24%)
HSV
hsv(170, 34%, 29%)
LAB
lab(29.39% -10.58 -0.68)
LCH
lch(29.39% 10.6 183.68)
OKLAB
oklab(0.3874 -0.0314 -0.002)
OKLCH
oklch(0.3874 0.0315 183.64)
XYZ
xyz(4.82, 5.99, 6.70)
CMYK
cmyk(34%, 0%, 5%, 71%)
CSS
color: #314a46;
CSS variable
--color-314a46: #314a46;
SCSS
$color-314a46: #314a46;
Tailwind
teal-700
Export
:root {
--#314a46-1: #314a46;
}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.