#2C7877

#2C7877

Color Values

HEX

#2C7877

RGB

44, 120, 119

HSL

179.2, 46.3%, 32.2%

HSV

179.2, 63.3%, 47.1%

CMYK

63.3%, 0.0%, 0.8%, 52.9%

OKLCH

0.5262 0.0735 193.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#2C7877

#782C2D

Analogous

#2C7851

#2C5378

#2C7877

Triadic

#2C7877

#772C78

#78772C

Split Complementary

#2C7877

#782C53

#78512C

Tetradic

#2C7877

#512C78

#782C2D

#53782C

Color Blindness Simulation

Original

#2C7877

Protanopia

#4D4E77

Deuteranopia

#484377

Tritanopia

#307777

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEB
300
#A5DEDD
400
#75CCCB
500
#44BBB9
600
#379594
700
#2C7776
800
#225D5C
900
#1C4544
950
#122B2B

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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