#2C778B Color

Color Information

HEX	#2C778B
RGB	44, 119, 139
HSL	193° , 52% , 36%
HSV	193° , 68% , 55%
CMYK	68%, 14%, 0%, 45%

Lighter Shades

#458799 #5F98A7 #78A8B5 #91B8C3 #ABC9D1 #C4D9DF

Darker Shades

#27697A #215A6A #1C4C59 #173E48 #123038 #0C2127

Complementary Palette

#266678 #2C778B #783826 #8C412C #9C5C4A #4A8A9B

Analogous Palette

#38705F #3E7969 #297083 #2C778B #3E4F79 #525F80

Triadic Palette

#27697A #2C778B #95237C #A23D8C #7C9523 #6D831F

Split Complementary Palette

#286B7D #2C778B #8C2C47 #984159 #8C702C #7E6528

Square Palette

#256475 #2C778B #6D3582 #824635 #478C2C #649E4E

Tetradic Palette

#246272 #2C778B #371C9C #8C412C #809C1C #97AE45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C778B contains 44 red, 119 green, and 139 blue.

Contrast Ratio: 5.07:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 4.14:1