#2C6177

#2C6177

Color Values

HEX

#2C6177

RGB

44, 97, 119

HSL

197.6, 46.0%, 32.0%

HSV

197.6, 63.0%, 46.7%

CMYK

63.0%, 18.5%, 0.0%, 53.3%

OKLCH

0.4662 0.0664 227.9

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#2C6177

#77422C

Analogous

#2C7768

#2C3C77

#2C6177

Triadic

#2C6177

#772C61

#61772C

Split Complementary

#2C6177

#772C3C

#77682C

Tetradic

#2C6177

#682C77

#77422C

#3C772C

Color Blindness Simulation

Original

#2C6177

Protanopia

#434372

Deuteranopia

#403C70

Tritanopia

#2F6D6D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CBE2EC
300
#A6CDDE
400
#75B3CC
500
#4598BA
600
#377995
700
#2C6177
800
#224C5D
900
#1C3945
950
#12242B

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

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