#4C85C8 Color

Color Information

HEX#4C85C8
RGB76, 133, 200
HSL212° , 53% , 54%
HSV212° , 62% , 78%
CMYK62%, 34%, 0%, 22%

Lighter Shades

#6194CF #77A2D5 #8CB1DC #A2C0E2 #B7CEE9 #CDDDF0

Darker Shades

#4375B0 #3A6598 #315580 #284568 #1E3550 #152538

Complementary Palette

#4172AC #4C85C8 #AC7A41 #C88E4C #D09E65 #6596D0

Analogous Palette

#609D9F #63AEB0 #477DBC #4C85C8 #6663B0 #7371B7

Triadic Palette

#4375B0 #4C85C8 #D44085 #D95794 #85D440 #75BB38

Split Complementary Palette

#4478B4 #4C85C8 #C8504C #CE625E #C4C84C #B0B444

Square Palette

#4070A8 #4C85C8 #BC57B9 #BC8D57 #4CC850 #69D16C

Tetradic Palette

#3E6DA4 #4C85C8 #8F36DD #C88E4C #84DD36 #9AE35A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4C85C8 contains 76 red, 133 green, and 200 blue.

Contrast Ratio: 3.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.56:1