#2C6995 Color

Color Information

HEX#2C6995
RGB44, 105, 149
HSL205° , 54% , 38%
HSV205° , 70% , 58%
CMYK70%, 30%, 0%, 42%

Lighter Shades

#457BA2 #5F8DAE #789FBB #91B1C8 #ABC3D5 #C4D5E1

Darker Shades

#275C83 #215071 #1C435F #17374D #122A3C #0C1D2A

Complementary Palette

#265A80 #2C6995 #804C27 #95582D #A46F4A #4A7EA4

Analogous Palette

#3B7874 #40827C #29638C #2C6995 #404582 #545887

Triadic Palette

#275C83 #2C6995 #9F236B #AB3D7D #6B9F23 #5E8C1F

Split Complementary Palette

#285F86 #2C6995 #952D35 #A04249 #958D2D #867F29

Square Palette

#25587D #2C6995 #84368C #8C5A36 #35952D #55A64F

Tetradic Palette

#24567A #2C6995 #551BA7 #95582D #6DA71B #87B744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C6995 contains 44 red, 105 green, and 149 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1