#2C686E Color

Color Information

HEX	#2C686E
RGB	44, 104, 110
HSL	185° , 43% , 30%
HSV	185° , 60% , 43%
CMYK	60%, 5%, 0%, 57%

Lighter Shades

#457A7F #5F8C91 #789EA2 #91B0B4 #ABC3C5 #C4D5D6

Darker Shades

#275C61 #214F54 #1C4346 #173639 #122A2C #0C1D1F

Complementary Palette

#26595F #2C686E #5E2A26 #6D312C #814E4A #4A7D82

Analogous Palette

#355547 #3C5D4F #296267 #2C686E #3C4A5D #4E5A6A

Triadic Palette

#275C61 #2C686E #74256E #853F7F #6E7425 #616621

Split Complementary Palette

#285E63 #2C686E #6D2C47 #7C4159 #6D522C #624A28

Square Palette

#25575C #2C686E #513465 #653834 #476D2C #64844E

Tetradic Palette

#24555A #2C686E #261F7A #6D312C #737A1F #8C9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C686E contains 44 red, 104 green, and 110 blue.

Contrast Ratio: 6.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.3:1