#3C54B2 Color

Color Information

HEX	#3C54B2
RGB	60, 84, 178
HSL	228° , 50% , 47%
HSV	228° , 66% , 70%
CMYK	66%, 53%, 0%, 30%

Lighter Shades

#5369BB #6B7DC4 #8292CE #9AA6D7 #B1BBE0 #C8CFE9

Darker Shades

#354A9D #2E4087 #263672 #1F2C5D #182247 #111832

Complementary Palette

#344899 #3C54B2 #9B8634 #B49C3C #BFAA57 #576CBD

Analogous Palette

#4D7B8F #54869C #384FA7 #3C54B2 #69549C #7664A0

Triadic Palette

#354A9D #3C54B2 #C0304D #C84962 #4DC030 #44A92A

Split Complementary Palette

#364CA0 #3C54B2 #B4603C #BC7050 #90B43C #82A236

Square Palette

#324796 #3C54B2 #A8488B #A89548 #3CB460 #5BC079

Tetradic Palette

#314592 #3C54B2 #A926C9 #B49C3C #47C926 #68D34D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C54B2 contains 60 red, 84 green, and 178 blue.

Contrast Ratio: 6.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.07:1