#277C79

#277C79

Color Values

HEX

#277C79

RGB

39, 124, 121

HSL

177.9, 52.1%, 32.0%

HSV

177.9, 68.5%, 48.6%

CMYK

68.5%, 0.0%, 2.4%, 51.4%

OKLCH

0.536 0.0793 191.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#277C79

#7C272A

Analogous

#277C4F

#27557C

#277C79

Triadic

#277C79

#79277C

#7C7927

Split Complementary

#277C79

#7C2755

#7C4F27

Tetradic

#277C79

#4F277C

#7C272A

#557C27

Color Blindness Simulation

Original

#277C79

Protanopia

#4C4D7A

Deuteranopia

#47407A

Tritanopia

#2B7A7A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E2DF
400
#6FD2CE
500
#3DC2BD
600
#319B97
700
#277C79
800
#1F615F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.25: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