#3B5689 Color

Color Information

HEX#3B5689
RGB59, 86, 137
HSL219° , 40% , 38%
HSV219° , 57% , 54%
CMYK57%, 37%, 0%, 46%

Lighter Shades

#536A97 #6A7FA5 #8293B3 #99A7C2 #B1BBD0 #C8D0DE

Darker Shades

#344C79 #2D4168 #263758 #1F2D47 #182237 #111826

Complementary Palette

#334A76 #3B5689 #755E32 #886D3A #998156 #566E9A

Analogous Palette

#47666B #4E6E74 #375181 #3B5689 #534E74 #625D7E

Triadic Palette

#344C79 #3B5689 #913052 #9E4967 #529130 #48802A

Split Complementary Palette

#354D7B #3B5689 #88463A #94594E #7C883A #707A34

Square Palette

#324873 #3B5689 #7E4475 #7E6A44 #3A8846 #5A9B64

Tetradic Palette

#304770 #3B5689 #722999 #886D3A #509929 #70AB50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5689 contains 59 red, 86 green, and 137 blue.

Contrast Ratio: 7.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1