#2C8CBC Color

Color Information

HEX#2C8CBC
RGB44, 140, 188
HSL200° , 62% , 45%
HSV200° , 77% , 74%
CMYK77%, 26%, 0%, 26%

Lighter Shades

#459AC4 #5FA8CC #78B5D4 #91C3DC #ABD1E4 #C4DFEC

Darker Shades

#277BA5 #216A8F #1C5A78 #174962 #12384B #0C2735

Complementary Palette

#2678A2 #2C8CBC #A04E26 #BA5B2C #C4724A #4A9CC5

Analogous Palette

#3D9486 #43A393 #2984B1 #2C8CBC #4353A3 #5764A8

Triadic Palette

#277BA5 #2C8CBC #C5208E #CC3B9C #8EC520 #7DAD1C

Split Complementary Palette

#287EA9 #2C8CBC #BA2C43 #C14156 #BAA22C #A79228

Square Palette

#25769E #2C8CBC #9B37AE #AE5F37 #43BA2C #61C54E

Tetradic Palette

#24739A #2C8CBC #5417CF #BA5B2C #91CF17 #A5D841

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2C8CBC contains 44 red, 140 green, and 188 blue.

Contrast Ratio: 3.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.65:1