#2F7C79

#2F7C79

Color Values

HEX

#2F7C79

RGB

47, 124, 121

HSL

177.7, 45.0%, 33.5%

HSV

177.7, 62.1%, 48.6%

CMYK

62.1%, 0.0%, 2.4%, 51.4%

OKLCH

0.5384 0.0748 191.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#2F7C79

#7C2F32

Analogous

#2F7C52

#2F587C

#2F7C79

Triadic

#2F7C79

#792F7C

#7C792F

Split Complementary

#2F7C79

#7C2F58

#7C522F

Tetradic

#2F7C79

#522F7C

#7C2F32

#587C2F

Color Blindness Simulation

Original

#2F7C79

Protanopia

#50517A

Deuteranopia

#4C467A

Tritanopia

#337A7A

Achromatopsia

#6B6B6B

CSS Usage

background-color: #2F7C79;
color: #2F7C79;
border-color: #2F7C79;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBEBEA
300
#A6DDDB
400
#76CBC8
500
#46B9B4
600
#389490
700
#2D7674
800
#235C5A
900
#1D4443
950
#122B2A

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026