#2C7776

#2C7776

Color Values

HEX

#2C7776

RGB

44, 119, 118

HSL

179.2, 46.0%, 32.0%

HSV

179.2, 63.0%, 46.7%

CMYK

63.0%, 0.0%, 0.8%, 53.3%

OKLCH

0.5232 0.0728 193.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#2C7776

#772C2D

Analogous

#2C7751

#2C5377

#2C7776

Triadic

#2C7776

#762C77

#77762C

Split Complementary

#2C7776

#772C53

#77512C

Tetradic

#2C7776

#512C77

#772C2D

#53772C

Color Blindness Simulation

Original

#2C7776

Protanopia

#4C4D76

Deuteranopia

#484276

Tritanopia

#307676

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

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

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026