#2C696D Color

Color Information

HEX#2C696D
RGB44, 105, 109
HSL184° , 42% , 30%
HSV184° , 60% , 43%
CMYK60%, 4%, 0%, 57%

Lighter Shades

#457B7F #5F8D90 #789FA2 #91B1B3 #ABC3C5 #C4D5D6

Darker Shades

#275C60 #215053 #1C4346 #173739 #122A2C #0C1D1F

Complementary Palette

#265A5E #2C696D #5E2A26 #6D312C #814E4A #4A7E81

Analogous Palette

#355547 #3C5D4F #296366 #2C696D #3C4A5D #4E5A6A

Triadic Palette

#275C60 #2C696D #74256E #853F7F #6E7425 #616621

Split Complementary Palette

#285F62 #2C696D #6D2C48 #7C415A #6D512C #624928

Square Palette

#25585C #2C696D #503465 #653834 #486D2C #65844E

Tetradic Palette

#245659 #2C696D #261F7A #6D312C #737A1F #8C9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C696D contains 44 red, 105 green, and 109 blue.

Contrast Ratio: 6.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.34:1