#3C62BD Color

Color Information

HEX	#3C62BD
RGB	60, 98, 189
HSL	222° , 52% , 49%
HSV	222° , 68% , 74%
CMYK	68%, 48%, 0%, 26%

Lighter Shades

#5375C5 #6B88CD #829BD5 #9AADDD #B1C0E5 #C8D3ED

Darker Shades

#3556A6 #2E4A90 #263F79 #1F3362 #18274C #111B35

Complementary Palette

#3454A3 #3C62BD #A38234 #BE973C #C7A657 #5778C6

Analogous Palette

#4E8997 #5595A5 #385CB2 #3C62BD #6555A5 #7263AB

Triadic Palette

#3556A6 #3C62BD #CA2F5E #D04871 #5ECA2F #53B229

Split Complementary Palette

#3658AA #3C62BD #BE563C #C56750 #A4BE3C #94AB36

Square Palette

#32529F #3C62BD #B1489C #B19248 #3CBE56 #5BC871

Tetradic Palette

#31509B #3C62BD #A025D4 #BE973C #5AD425 #78DC4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C62BD contains 60 red, 98 green, and 189 blue.

Contrast Ratio: 5.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.67:1