#3C5471 Color

Color Information

HEX#3C5471
RGB60, 84, 113
HSL213° , 31% , 34%
HSV213° , 47% , 44%
CMYK47%, 26%, 0%, 56%

Lighter Shades

#536982 #6B7D93 #8292A4 #9AA6B5 #B1BBC6 #C8CFD7

Darker Shades

#354A63 #2E4056 #263648 #1F2C3B #18222D #111820

Complementary Palette

#344861 #3C5471 #624D34 #72593C #867057 #576C85

Analogous Palette

#43595B #4A6264 #384F6A #3C5471 #4B4A64 #565572

Triadic Palette

#354A63 #3C5471 #7A3353 #8A4B68 #537A33 #496B2D

Split Complementary Palette

#364C66 #3C5471 #723F3C #805250 #6F723C #646736

Square Palette

#32475F #3C5471 #694467 #695844 #3C723F #5B895E

Tetradic Palette

#31455D #3C5471 #5A2C81 #72593C #52812C #719852

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5471 contains 60 red, 84 green, and 113 blue.

Contrast Ratio: 7.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.66:1