#2C7CCC Color

Color Information

HEX#2C7CCC
RGB44, 124, 204
HSL210° , 65% , 49%
HSV210° , 78% , 80%
CMYK78%, 39%, 0%, 20%

Lighter Shades

#458CD2 #5F9BD8 #78ABDE #91BBE4 #ABCBEB #C4DAF1

Darker Shades

#276DB4 #215E9B #1C4F83 #17406A #123252 #0C2339

Complementary Palette

#266BAF #2C7CCC #B16C26 #CE7D2C #D58F4A #4A8ED3

Analogous Palette

#3FA6A6 #45B5B5 #2975C0 #2C7CCC #4545B5 #5555B9

Triadic Palette

#276DB4 #2C7CCC #DB1F7D #DF3A8D #7DDB1F #6EC11B

Split Complementary Palette

#2870B8 #2C7CCC #CE2C2C #D34141 #CECE2C #B9B928

Square Palette

#2568AB #2C7CCC #C238C2 #C27D38 #2CCE2C #4ED64E

Tetradic Palette

#2466A7 #2C7CCC #7D15E5 #CE7D2C #7DE515 #94EA3F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C7CCC contains 44 red, 124 green, and 204 blue.

Contrast Ratio: 4.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.9:1