#027977

#027977

Color Values

HEX

#027977

RGB

2, 121, 119

HSL

179.0, 96.7%, 24.1%

HSV

179.0, 98.3%, 47.5%

CMYK

98.3%, 0.0%, 1.7%, 52.5%

OKLCH

0.521 0.0889 192.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#027977

#790204

Analogous

#02793B

#023F79

#027977

Triadic

#027977

#770279

#797702

Split Complementary

#027977

#79023F

#793B02

Tetradic

#027977

#3B0279

#790204

#3F7902

Color Blindness Simulation

Original

#027977

Protanopia

#363777

Deuteranopia

#2F2678

Tritanopia

#087878

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFB
200
#B9FEFD
300
#87FDFB
400
#45FCF9
500
#04FBF7
600
#03C9C5
700
#03A19E
800
#027D7B
900
#065B59
950
#043938

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.0:1

AA Fail 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