#3C62BE Color

Color Information

HEX	#3C62BE
RGB	60, 98, 190
HSL	222° , 52% , 49%
HSV	222° , 68% , 75%
CMYK	68%, 48%, 0%, 25%

Lighter Shades

#5375C6 #6B88CE #829BD5 #9AADDD #B1C0E5 #C8D3ED

Darker Shades

#3556A7 #2E4A90 #263F7A #1F3363 #18274C #111B35

Complementary Palette

#3454A3 #3C62BE #A38234 #BE973C #C7A657 #5778C7

Analogous Palette

#4E8997 #5595A5 #385CB3 #3C62BE #6555A5 #7263AB

Triadic Palette

#3556A7 #3C62BE #CA2F5E #D04871 #5ECA2F #53B229

Split Complementary Palette

#3658AB #3C62BE #BE563C #C56750 #A4BE3C #94AB36

Square Palette

#3252A0 #3C62BE #B1489C #B19248 #3CBE56 #5BC871

Tetradic Palette

#31509C #3C62BE #A025D4 #BE973C #5AD425 #78DC4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C62BE contains 60 red, 98 green, and 190 blue.

Contrast Ratio: 5.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.68:1