#2C7BB1 Color

Color Information

HEX	#2C7BB1
RGB	44, 123, 177
HSL	204° , 60% , 43%
HSV	204° , 75% , 69%
CMYK	75%, 31%, 0%, 31%

Lighter Shades

#458BBA #5F9BC4 #78ABCD #91BAD6 #ABCAE0 #C4DAE9

Darker Shades

#276C9C #215D87 #1C4F71 #17405C #123147 #0C2232

Complementary Palette

#266A98 #2C7BB1 #975326 #AF602C #BA764A #4A8DBC

Analogous Palette

#3C8B83 #429A91 #2974A6 #2C7BB1 #424B9A #545B9C

Triadic Palette

#276C9C #2C7BB1 #BA217D #C23C8D #7DBA21 #6EA41D

Split Complementary Palette

#286F9F #2C7BB1 #AF2C39 #B7414D #AFA22C #9E9228

Square Palette

#256795 #2C7BB1 #9A37A4 #A46337 #39AF2C #59BC4E

Tetradic Palette

#246591 #2C7BB1 #5D18C3 #AF602C #7FC318 #96CE42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C7BB1 contains 44 red, 123 green, and 177 blue.

Contrast Ratio: 4.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.61:1