#2C6477

#2C6477

Color Values

HEX

#2C6477

RGB

44, 100, 119

HSL

195.2, 46.0%, 32.0%

HSV

195.2, 63.0%, 46.7%

CMYK

63.0%, 16.0%, 0.0%, 53.3%

OKLCH

0.4739 0.0659 223.2

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#2C6477

#773F2C

Analogous

#2C7765

#2C3F77

#2C6477

Triadic

#2C6477

#772C64

#64772C

Split Complementary

#2C6477

#772C3F

#77652C

Tetradic

#2C6477

#652C77

#773F2C

#3F772C

Color Blindness Simulation

Original

#2C6477

Protanopia

#444572

Deuteranopia

#413D71

Tritanopia

#2F6F6E

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CBE3EC
300
#A6D0DE
400
#75B6CC
500
#459CBA
600
#377D95
700
#2C6477
800
#224E5D
900
#1C3A45
950
#12252B

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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