Preview
#286755
Family: Teal
Accessibility on this swatch:
Contrast vs white: 6.64:1 · vs black: 3.16:1
HEX
#286755
RGB
rgb(40, 103, 85)
RGBA
rgba(40, 103, 85, 1)
HSL
hsl(163, 44%, 28%)
HSV
hsv(163, 61%, 40%)
LAB
lab(39.25% -25 4.16)
LCH
lch(39.25% 25.34 170.55)
OKLAB
oklab(0.4674 -0.0705 0.0106)
OKLCH
oklch(0.4674 0.0713 171.45)
XYZ
xyz(7.36, 10.81, 10.29)
CMYK
cmyk(61%, 0%, 17%, 60%)
CSS
color: #286755;
CSS variable
--color-286755: #286755;
SCSS
$color-286755: #286755;
Tailwind
teal-700
Export
:root {
--spectrum-#286755-1: #286755;
}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.