#3C5397 Color

Color Information

HEX#3C5397
RGB60, 83, 151
HSL225° , 43% , 41%
HSV225° , 60% , 59%
CMYK60%, 45%, 0%, 41%

Lighter Shades

#5368A3 #6B7CB0 #8291BC #9AA6C9 #B1BAD5 #C8CFE2

Darker Shades

#354985 #2E3F73 #263561 #1F2B4F #18213C #11172A

Complementary Palette

#344782 #3C5397 #816D34 #967F3C #A59157 #576BA6

Analogous Palette

#4B6C77 #517581 #384E8E #3C5397 #5D5181 #6D6487

Triadic Palette

#354985 #3C5397 #A0314D #AB4A62 #4DA031 #448D2B

Split Complementary Palette

#364B88 #3C5397 #96523C #A16350 #7F963C #728736

Square Palette

#32467F #3C5397 #8B467A #8B7A46 #3C9652 #5BA76E

Tetradic Palette

#31447C #3C5397 #8829A8 #967F3C #49A829 #6AB850

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5397 contains 60 red, 83 green, and 151 blue.

Contrast Ratio: 7.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1