#3C5581 Color

Color Information

HEX#3C5581
RGB60, 85, 129
HSL218° , 37% , 37%
HSV218° , 53% , 51%
CMYK53%, 34%, 0%, 49%

Lighter Shades

#536990 #6B7E9F #8292AE #9AA7BD #B1BBCD #C8CFDC

Darker Shades

#354B72 #2E4162 #263653 #1F2C43 #182234 #111824

Complementary Palette

#34496F #3C5581 #6F5933 #81683B #937D56 #576D93

Analogous Palette

#476266 #4E6A6E #385079 #3C5581 #534E6E #5F5B7B

Triadic Palette

#354B72 #3C5581 #8B3253 #994B68 #538B32 #497A2C

Split Complementary Palette

#364D74 #3C5581 #81453B #8E584F #78813B #6C7435

Square Palette

#32476C #3C5581 #784571 #786645 #3B8145 #5A9563

Tetradic Palette

#31466A #3C5581 #6E2A92 #81683B #51922A #70A650

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C5581 contains 60 red, 85 green, and 129 blue.

Contrast Ratio: 7.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.77:1