#2C6F78

#2C6F78

Color Values

HEX

#2C6F78

RGB

44, 111, 120

HSL

187.1, 46.3%, 32.2%

HSV

187.1, 63.3%, 47.1%

CMYK

63.3%, 7.5%, 0.0%, 52.9%

OKLCH

0.503 0.0682 207.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#2C6F78

#78352C

Analogous

#2C785B

#2C4978

#2C6F78

Triadic

#2C6F78

#782C6F

#6F782C

Split Complementary

#2C6F78

#782C49

#785B2C

Tetradic

#2C6F78

#5B2C78

#78352C

#49782C

Color Blindness Simulation

Original

#2C6F78

Protanopia

#494A76

Deuteranopia

#454075

Tritanopia

#2F7474

Achromatopsia

#616161

CSS Usage

background-color: #2C6F78;
color: #2C6F78;
border-color: #2C6F78;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBE8EC
300
#A5D7DE
400
#75C2CC
500
#44ADBB
600
#378A95
700
#2C6E77
800
#22565D
900
#1C4045
950
#12282B

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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