#2F8A82

#2F8A82

Color Values

HEX

#2F8A82

RGB

47, 138, 130

HSL

174.7, 49.2%, 36.3%

HSV

174.7, 65.9%, 54.1%

CMYK

65.9%, 0.0%, 5.8%, 45.9%

OKLCH

0.5781 0.0854 186.8

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#2F8A82

#8A2F37

Analogous

#2F8A55

#2F658A

#2F8A82

Triadic

#2F8A82

#822F8A

#8A822F

Split Complementary

#2F8A82

#8A2F65

#8A552F

Tetradic

#2F8A82

#552F8A

#8A2F37

#658A2F

Color Blindness Simulation

Original

#2F8A82

Protanopia

#565784

Deuteranopia

#514A84

Tritanopia

#348586

Achromatopsia

#767676

CSS Usage

background-color: #2F8A82;
color: #2F8A82;
border-color: #2F8A82;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#CAEDEA
300
#A4E0DB
400
#72CFC7
500
#41BEB3
600
#34988F
700
#297A73
800
#205F5A
900
#1B4642
950
#112C2A

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026