#2C5580 Color

Color Information

HEX#2C5580
RGB44, 85, 128
HSL211° , 49% , 34%
HSV211° , 66% , 50%
CMYK66%, 34%, 0%, 50%

Lighter Shades

#45698F #5F7E9E #7892AE #91A7BD #ABBBCC #C4CFDB

Darker Shades

#274B71 #214161 #1C3652 #172C43 #122233 #0C1824

Complementary Palette

#26496E #2C5580 #6F4C26 #81582C #936F4A #4A6D92

Analogous Palette

#376667 #3E6F70 #295078 #2C5580 #3E3E70 #525176

Triadic Palette

#274B71 #2C5580 #8A2455 #983E69 #558A24 #4B7920

Split Complementary Palette

#284D73 #2C5580 #812E2C #8E4341 #80812C #737428

Square Palette

#25476C #2C5580 #793577 #795835 #2C812E #4E954F

Tetradic Palette

#244669 #2C5580 #591D91 #81582C #55911D #74A546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5580 contains 44 red, 85 green, and 128 blue.

Contrast Ratio: 7.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1