#2C5D6F Color

Color Information

HEX#2C5D6F
RGB44, 93, 111
HSL196° , 43% , 30%
HSV196° , 60% , 44%
CMYK60%, 16%, 0%, 56%

Lighter Shades

#457080 #5F8492 #7897A3 #91ABB4 #ABBEC5 #C4D2D7

Darker Shades

#275262 #214754 #1C3C47 #17303A #12252C #0C1A1F

Complementary Palette

#26505F #2C5D6F #5E3426 #6D3D2C #81584A #4A7483

Analogous Palette

#35554D #3C5D55 #295768 #2C5D6F #3C445D #4E546A

Triadic Palette

#275262 #2C5D6F #74255F #853F72 #5F7425 #546621

Split Complementary Palette

#285464 #2C5D6F #6D2C3B #7C414F #6D5E2C #625528

Square Palette

#254E5D #2C5D6F #5A3465 #654134 #3B6D2C #5A844E

Tetradic Palette

#244C5B #2C5D6F #371F7A #6D3D2C #627A1F #7E9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5D6F contains 44 red, 93 green, and 111 blue.

Contrast Ratio: 7.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1