Preview
#313b39
Family: Teal
Accessibility on this swatch:
Contrast vs white: 11.57:1 · vs black: 1.82:1
HEX
#313b39
RGB
rgb(49, 59, 57)
RGBA
rgba(49, 59, 57, 1)
HSL
hsl(168, 9%, 21%)
HSV
hsv(168, 17%, 23%)
LAB
lab(23.92% -4.65 -0.16)
LCH
lch(23.92% 4.65 181.97)
OKLAB
oklab(0.3424 -0.0138 -0.0005)
OKLCH
oklch(0.3424 0.0138 182.08)
XYZ
xyz(3.57, 4.08, 4.47)
CMYK
cmyk(17%, 0%, 3%, 77%)
CSS
color: #313b39;
CSS variable
--color-313b39: #313b39;
SCSS
$color-313b39: #313b39;
Tailwind
teal-700
Export
:root {
--#313b39-1: #313b39;
}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.