#3C649E Color

Color Information

HEX#3C649E
RGB60, 100, 158
HSL216° , 45% , 43%
HSV216° , 62% , 62%
CMYK62%, 37%, 0%, 38%

Lighter Shades

#5377AA #6B89B5 #829CC1 #9AAECD #B1C1D8 #C8D4E4

Darker Shades

#35588B #2E4C78 #264065 #1F3452 #18283F #111C2C

Complementary Palette

#345688 #3C649E #896734 #9F783C #AC8B57 #577AAC

Analogous Palette

#4B777C #528489 #385E95 #3C649E #585289 #6A668F

Triadic Palette

#35588B #3C649E #AA3162 #B44A75 #62AA31 #56962B

Split Complementary Palette

#365A8E #3C649E #9F463C #A95950 #959F3C #868F36

Square Palette

#325485 #3C649E #94478C #947547 #3C9F46 #5BAE64

Tetradic Palette

#315282 #3C649E #7B29B3 #9F783C #60B329 #7DC150

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C649E contains 60 red, 100 green, and 158 blue.

Contrast Ratio: 5.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.5:1