#2C7577

#2C7577

Color Values

HEX

#2C7577

RGB

44, 117, 119

HSL

181.6, 46.0%, 32.0%

HSV

181.6, 63.0%, 46.7%

CMYK

63.0%, 1.7%, 0.0%, 53.3%

OKLCH

0.5183 0.0713 197.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#2C7577

#772E2C

Analogous

#2C7754

#2C5077

#2C7577

Triadic

#2C7577

#772C75

#75772C

Split Complementary

#2C7577

#772C50

#77542C

Tetradic

#2C7577

#542C77

#772E2C

#50772C

Color Blindness Simulation

Original

#2C7577

Protanopia

#4C4C77

Deuteranopia

#474276

Tritanopia

#307676

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEC
300
#A6DCDE
400
#75CACC
500
#45B7BA
600
#379295
700
#2C7577
800
#225C5D
900
#1C4345
950
#122B2B

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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