#3C84C2 Color

Color Information

HEX#3C84C2
RGB60, 132, 194
HSL208° , 53% , 50%
HSV208° , 69% , 76%
CMYK69%, 32%, 0%, 24%

Lighter Shades

#5393C9 #6BA2D1 #82B0D8 #9ABFDF #B1CEE7 #C8DDEE

Darker Shades

#3574AB #2E6493 #26547C #1F4565 #18354E #112536

Complementary Palette

#3472A7 #3C84C2 #A86A34 #C37B3C #CB8D57 #5795CB

Analogous Palette

#4F9C9B #55AAA7 #387CB6 #3C84C2 #5558AA #6364B0

Triadic Palette

#3574AB #3C84C2 #D02F85 #D64894 #85D02F #75B729

Split Complementary Palette

#3677AF #3C84C2 #C33C40 #C95053 #C3BF3C #B0AC36

Square Palette

#326FA3 #3C84C2 #B349B6 #B67C49 #40C33C #5FCD5B

Tetradic Palette

#316C9F #3C84C2 #7925DA #C37B3C #86DA25 #9CE14C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3C84C2 contains 60 red, 132 green, and 194 blue.

Contrast Ratio: 3.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.33:1