#3B5FA5 Color

Color Information

HEX#3B5FA5
RGB59, 95, 165
HSL220° , 47% , 44%
HSV220° , 64% , 65%
CMYK64%, 42%, 0%, 35%

Lighter Shades

#5372B0 #6A85BB #8299C5 #99ACD0 #B1BFDB #C8D2E6

Darker Shades

#345491 #2D487D #263D6A #1F3156 #182642 #111B2E

Complementary Palette

#33528E #3B5FA5 #8E7033 #A5823B #B29456 #5675B2

Analogous Palette

#497983 #52848E #37599B #3B5FA5 #5C528E #6B6392

Triadic Palette

#345491 #3B5FA5 #B0305B #B9496F #5BB030 #509B2A

Split Complementary Palette

#355695 #3B5FA5 #A54D3B #AE5F4F #93A53B #849535

Square Palette

#32508B #3B5FA5 #9A478C #9A7E47 #3BA54D #5AB369

Tetradic Palette

#304E87 #3B5FA5 #8927B9 #A5823B #58B927 #76C64E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5FA5 contains 59 red, 95 green, and 165 blue.

Contrast Ratio: 6.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1