#2C5B63 Color

Color Information

HEX#2C5B63
RGB44, 91, 99
HSL189° , 38% , 28%
HSV189° , 56% , 39%
CMYK56%, 8%, 0%, 61%

Lighter Shades

#456F76 #5F8288 #78969B #91AAAE #ABBDC1 #C4D1D3

Darker Shades

#275057 #21454B #1C3A3F #172F33 #122428 #0C191C

Complementary Palette

#264E55 #2C5B63 #552D26 #63342C #79504A #4A7279

Analogous Palette

#364F46 #3B544B #29565D #2C5B63 #3B4454 #4A5264

Triadic Palette

#275057 #2C5B63 #6A255E #7C3F71 #5E6A25 #535D21

Split Complementary Palette

#285259 #2C5B63 #632C3F #734152 #63502C #594828

Square Palette

#254C53 #2C5B63 #4D335B #5B3933 #3F632C #5E7C4E

Tetradic Palette

#244B51 #2C5B63 #2B1F6F #63342C #626F1F #7E8947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5B63 contains 44 red, 91 green, and 99 blue.

Contrast Ratio: 7.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.75:1