#2C5D85 Color

Color Information

HEX#2C5D85
RGB44, 93, 133
HSL207° , 50% , 35%
HSV207° , 67% , 52%
CMYK67%, 30%, 0%, 48%

Lighter Shades

#457094 #5F84A2 #7897B1 #91ABC0 #ABBECE #C4D2DD

Darker Shades

#275275 #214765 #1C3C55 #173045 #122535 #0C1A25

Complementary Palette

#265072 #2C5D85 #734927 #86552D #976D4A #4A7496

Analogous Palette

#396A68 #3E7471 #29577D #2C5D85 #3E4174 #52537A

Triadic Palette

#275275 #2C5D85 #8F245F #9C3E72 #5F8F24 #547E20

Split Complementary Palette

#285478 #2C5D85 #862D31 #924246 #86812D #797429

Square Palette

#254E70 #2C5D85 #79367D #7D5636 #31862D #52994F

Tetradic Palette

#244C6D #2C5D85 #531D96 #86552D #5F961D #7CA946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5D85 contains 44 red, 93 green, and 133 blue.

Contrast Ratio: 7.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.99:1