#2C5A80 Color

Color Information

HEX#2C5A80
RGB44, 90, 128
HSL207° , 49% , 34%
HSV207° , 66% , 50%
CMYK66%, 30%, 0%, 50%

Lighter Shades

#456E8F #5F829E #7895AE #91A9BD #ABBDCC #C4D1DB

Darker Shades

#274F71 #214461 #1C3A52 #172F43 #122433 #0C1924

Complementary Palette

#264D6E #2C5A80 #6F4726 #81522C #936A4A #4A7192

Analogous Palette

#376764 #3E706D #295578 #2C5A80 #3E4070 #515276

Triadic Palette

#274F71 #2C5A80 #8A245C #983E70 #5C8A24 #517920

Split Complementary Palette

#285173 #2C5A80 #812C30 #8E4145 #817D2C #747128

Square Palette

#254C6C #2C5A80 #753579 #795335 #30812C #51954E

Tetradic Palette

#244A69 #2C5A80 #511D91 #81522C #5D911D #7AA546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5A80 contains 44 red, 90 green, and 128 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1