#3C71AA Color

Color Information

HEX	#3C71AA
RGB	60, 113, 170
HSL	211° , 48% , 45%
HSV	211° , 65% , 67%
CMYK	65%, 34%, 0%, 33%

Lighter Shades

#5382B4 #6B93BE #82A4C9 #9AB5D3 #B1C6DD #C8D7E7

Darker Shades

#356396 #2E5681 #26486D #1F3B58 #182D44 #112030

Complementary Palette

#346192 #3C71AA #926534 #AA753C #B68857 #5785B6

Analogous Palette

#4B8586 #539293 #386AA0 #3C71AA #545393 #676699

Triadic Palette

#356396 #3C71AA #B53071 #BE4982 #71B530 #639F2A

Split Complementary Palette

#366699 #3C71AA #AA3E3C #B35150 #A8AA3C #979936

Square Palette

#325F8F #3C71AA #9E479D #9E7447 #3CAA3E #5BB85D

Tetradic Palette

#315D8B #3C71AA #7527BE #AA753C #70BE27 #8ACA4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C71AA contains 60 red, 113 green, and 170 blue.

Contrast Ratio: 5.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1