#3B5977 Color

Color Information

HEX#3B5977
RGB59, 89, 119
HSL210° , 34% , 35%
HSV210° , 50% , 47%
CMYK50%, 25%, 0%, 53%

Lighter Shades

#536D87 #6A8198 #8295A8 #99A9B8 #B1BDC9 #C8D1D9

Darker Shades

#344E69 #2D445A #26394C #1F2E3E #182430 #111921

Complementary Palette

#334D66 #3B5977 #674D33 #78593B #8B7056 #56708A

Analogous Palette

#455E5E #4C6767 #375470 #3B5977 #4C4C67 #575775

Triadic Palette

#344E69 #3B5977 #813259 #904B6D #598132 #4E722C

Split Complementary Palette

#35506B #3B5977 #783B3B #864F4F #78783B #6C6C35

Square Palette

#324B64 #3B5977 #6F446F #6F5944 #3B783B #5A8E5A

Tetradic Palette

#304962 #3B5977 #592B88 #78593B #59882B #779D51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5977 contains 59 red, 89 green, and 119 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1