#4C85C2 Color

Color Information

HEX#4C85C2
RGB76, 133, 194
HSL211° , 49% , 53%
HSV211° , 61% , 76%
CMYK61%, 31%, 0%, 24%

Lighter Shades

#6194C9 #77A2D1 #8CB1D8 #A2C0DF #B7CEE7 #CDDDEE

Darker Shades

#4375AB #3A6593 #31557C #284565 #1E354E #152536

Complementary Palette

#4172A7 #4C85C2 #A77641 #C2894C #CB9A65 #6596CB

Analogous Palette

#5F9A9B #64A9AA #477DB6 #4C85C2 #6664AA #7372B1

Triadic Palette

#4375AB #4C85C2 #CE4085 #D45794 #85CE40 #75B538

Split Complementary Palette

#4478AF #4C85C2 #C24E4C #C8605E #C0C24C #ADAF44

Square Palette

#4070A3 #4C85C2 #B658B4 #B68958 #4CC24E #69CC6A

Tetradic Palette

#3E6D9F #4C85C2 #8A37D7 #C2894C #84D737 #9ADE5B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4C85C2 contains 76 red, 133 green, and 194 blue.

Contrast Ratio: 3.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.5:1