Open Color

Teal 7

#0CA678

CSS Values

CSS Variable--oc-teal-7
HEX#0CA678
RGBrgb(12, 166, 120)
HSLhsl(162, 87%, 35%)
HSL (modern)hsl(162deg 87% 35%)
OKLCHoklch(64.3% 0.1338 165deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 3.12:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.74:1AA: PassAAA: FailAA Large: Pass

Other Teal shades

Nearest Named Colors

See all
Bootstrap 5
teal-600
Radix Colors
green-9
Crayola
green
Munsell
5G-5-8
Tailwind CSS
emerald-600
CSS Named
mediumseagreen
Material Design
teal-400
RAL Classic
6018
Ant Design
cyan-7
iOS HIG
accessible-green