#3C5F8B Color

Color Information

HEX#3C5F8B
RGB60, 95, 139
HSL213° , 40% , 39%
HSV213° , 57% , 55%
CMYK57%, 32%, 0%, 45%

Lighter Shades

#537299 #6B85A7 #8299B5 #9AACC3 #B1BFD1 #C8D2DF

Darker Shades

#35547A #2E486A #263D59 #1F3148 #182638 #111B27

Complementary Palette

#345278 #3C5F8B #785934 #8B673C #9B7C57 #57759B

Analogous Palette

#496C6E #507577 #385983 #3C5F8B #525077 #615F81

Triadic Palette

#35547A #3C5F8B #95325E #A24B71 #5E9532 #53832C

Split Complementary Palette

#36567D #3C5F8B #8B403C #975350 #878B3C #7A7D36

Square Palette

#325075 #3C5F8B #81467E #816646 #3C8B40 #5B9E5F

Tetradic Palette

#314E72 #3C5F8B #692A9D #8B673C #5E9D2A #7BAF50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5F8B contains 60 red, 95 green, and 139 blue.

Contrast Ratio: 6.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.19:1