#3C5574 Color

Color Information

HEX#3C5574
RGB60, 85, 116
HSL213° , 32% , 35%
HSV213° , 48% , 45%
CMYK48%, 27%, 0%, 55%

Lighter Shades

#536985 #6B7E95 #8292A6 #9AA7B7 #B1BBC7 #C8CFD8

Darker Shades

#354B66 #2E4158 #26364A #1F2C3C #18222E #111820

Complementary Palette

#344964 #3C5574 #654F34 #765C3D #897358 #576D87

Analogous Palette

#455D5E #4C6567 #38506D #3C5574 #4D4C67 #585775

Triadic Palette

#354B66 #3C5574 #7F3454 #8E4C69 #547F34 #4A702E

Split Complementary Palette

#364D68 #3C5574 #76403D #845350 #73763D #686A37

Square Palette

#324761 #3C5574 #6D466B #6D5B46 #3D7640 #5C8C5F

Tetradic Palette

#31465F #3C5574 #5E2D86 #765C3D #53862D #729C53

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5574 contains 60 red, 85 green, and 116 blue.

Contrast Ratio: 7.76:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.71:1