#2C7777

#2C7777

Color Values

HEX

#2C7777

RGB

44, 119, 119

HSL

180.0, 46.0%, 32.0%

HSV

180.0, 63.0%, 46.7%

CMYK

63.0%, 0.0%, 0.0%, 53.3%

OKLCH

0.5236 0.0728 195.2

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#2C7777

#772C2C

Analogous

#2C7752

#2C5277

#2C7777

Triadic

#2C7777

#772C77

#77772C

Split Complementary

#2C7777

#772C52

#77522C

Tetradic

#2C7777

#522C77

#772C2C

#52772C

Color Blindness Simulation

Original

#2C7777

Protanopia

#4C4D77

Deuteranopia

#484277

Tritanopia

#307777

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEC
300
#A6DEDE
400
#75CCCC
500
#45BABA
600
#379595
700
#2C7777
800
#225D5D
900
#1C4545
950
#122B2B

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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