Preview
#2f3936
Family: Teal
Accessibility on this swatch:
Contrast vs white: 11.94:1 · vs black: 1.76:1
HEX
#2f3936
RGB
rgb(47, 57, 54)
RGBA
rgba(47, 57, 54, 1)
HSL
hsl(162, 10%, 20%)
HSV
hsv(162, 18%, 22%)
LAB
lab(22.99% -4.92 0.47)
LCH
lch(22.99% 4.94 174.54)
OKLAB
oklab(0.3343 -0.0143 0.0012)
OKLCH
oklch(0.3343 0.0144 175.2)
XYZ
xyz(3.30, 3.80, 4.05)
CMYK
cmyk(18%, 0%, 5%, 78%)
CSS
color: #2f3936;
CSS variable
--color-2f3936: #2f3936;
SCSS
$color-2f3936: #2f3936;
Tailwind
teal-800
Export
:root {
--#2f3936-1: #2f3936;
}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.