#2C7980

#2C7980

Color Values

HEX

#2C7980

RGB

44, 121, 128

HSL

185.0, 48.8%, 33.7%

HSV

185.0, 65.6%, 50.2%

CMYK

65.6%, 5.5%, 0.0%, 49.8%

OKLCH

0.5323 0.0746 203.6

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2C7980

#80332C

Analogous

#2C805D

#2C4F80

#2C7980

Triadic

#2C7980

#802C79

#79802C

Split Complementary

#2C7980

#802C4F

#805D2C

Tetradic

#2C7980

#5D2C80

#80332C

#4F802C

Color Blindness Simulation

Original

#2C7980

Protanopia

#4D4E7E

Deuteranopia

#49437E

Tritanopia

#307D7D

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAEAED
300
#A4DBE0
400
#73C7CF
500
#41B3BE
600
#348F98
700
#2A7379
800
#215A5F
900
#1B4246
950
#112A2C

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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