#2C5A56 Color

Color Information

HEX#2C5A56
RGB44, 90, 86
HSL175° , 34% , 26%
HSV175° , 51% , 35%
CMYK51%, 0%, 4%, 65%

Lighter Shades

#456E6A #5F827F #789593 #91A9A7 #ABBDBB #C4D1D0

Darker Shades

#274F4C #214441 #1C3A37 #172F2D #122422 #0C1918

Complementary Palette

#264D4A #2C5A56 #4D2629 #592C30 #704A4D #4A716E

Analogous Palette

#34463C #384C41 #295551 #2C5A56 #38444C #45545E

Triadic Palette

#274F4C #2C5A56 #5B255F #6F3F72 #5F5B25 #545021

Split Complementary Palette

#28514D #2C5A56 #592C46 #6A4159 #593F2C #503928

Square Palette

#254C48 #2C5A56 #403252 #523235 #46592C #64744E

Tetradic Palette

#244A47 #2C5A56 #202665 #592C30 #655F20 #817C48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C5A56 contains 44 red, 90 green, and 86 blue.

Contrast Ratio: 7.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.67:1