#3C70B1 Color

Color Information

HEX	#3C70B1
RGB	60, 112, 177
HSL	213° , 49% , 46%
HSV	213° , 66% , 69%
CMYK	66%, 37%, 0%, 31%

Lighter Shades

#5381BA #6B92C4 #82A3CD #9AB5D6 #B1C6E0 #C8D7E9

Darker Shades

#35639C #2E5587 #264871 #1F3A5C #182D47 #111F32

Complementary Palette

#346098 #3C70B1 #976A34 #AF7B3C #BA8D57 #5784BC

Analogous Palette

#4C878A #539497 #3869A6 #3C70B1 #575397 #66639C

Triadic Palette

#35639C #3C70B1 #BB306E #C3497F #6EBB30 #61A52A

Split Complementary Palette

#36659F #3C70B1 #AF423C #B75550 #A9AF3C #989E36

Square Palette

#325E95 #3C70B1 #A3489E #A37A48 #3CAF42 #5BBC60

Tetradic Palette

#315C91 #3C70B1 #7D27C4 #AF7B3C #6DC427 #87CF4E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C70B1 contains 60 red, 112 green, and 177 blue.

Contrast Ratio: 5.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.16:1