#4C85BF Color

Color Information

HEX#4C85BF
RGB76, 133, 191
HSL210° , 47% , 52%
HSV210° , 60% , 75%
CMYK60%, 30%, 0%, 25%

Lighter Shades

#6194C7 #77A2CE #8CB1D6 #A2C0DE #B7CEE5 #CDDDED

Darker Shades

#4375A8 #3A6591 #31557A #284563 #1E354C #152535

Complementary Palette

#4172A4 #4C85BF #A37241 #BE854B #C79664 #6596C8

Analogous Palette

#5E9797 #64A6A6 #477DB4 #4C85BF #6464A6 #7171AD

Triadic Palette

#4375A8 #4C85BF #CA3F85 #D05694 #85CA3F #75B237

Split Complementary Palette

#4478AC #4C85BF #BE4B4B #C55D5D #BEBE4B #ABAB44

Square Palette

#4070A0 #4C85BF #B257B2 #B28557 #4BBE4B #68C868

Tetradic Palette

#3E6D9D #4C85BF #8535D4 #BE854B #85D435 #9BDC59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4C85BF contains 76 red, 133 green, and 191 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.48:1