#3C5AAD Color

Color Information

HEX	#3C5AAD
RGB	60, 90, 173
HSL	224° , 48% , 46%
HSV	224° , 65% , 68%
CMYK	65%, 48%, 0%, 32%

Lighter Shades

#536EB7 #6B82C1 #8295CB #9AA9D4 #B1BDDE #C8D1E8

Darker Shades

#354F98 #2E4483 #263A6F #1F2F5A #182445 #111930

Complementary Palette

#344D95 #3C5AAD #967C34 #AE903D #B9A058 #5771B8

Analogous Palette

#4D7B89 #548796 #3855A3 #3C5AAD #645496 #70659A

Triadic Palette

#354F98 #3C5AAD #B93156 #C14A6A #56B931 #4CA32B

Split Complementary Palette

#36519C #3C5AAD #AE573D #B66850 #93AE3D #849D37

Square Palette

#324C91 #3C5AAD #A2498D #A28A49 #3DAE57 #5CBB72

Tetradic Palette

#314A8E #3C5AAD #9928C3 #AE903D #51C328 #70CE4F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5AAD contains 60 red, 90 green, and 173 blue.

Contrast Ratio: 6.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1