#3A5D8B Color

Color Information

HEX	#3A5D8B
RGB	58, 93, 139
HSL	214° , 41% , 39%
HSV	214° , 58% , 55%
CMYK	58%, 33%, 0%, 45%

Lighter Shades

#527099 #6984A7 #8197B5 #99ABC3 #B0BED1 #C8D2DF

Darker Shades

#33527A #2C476A #253C59 #1E3048 #172538 #101A27

Complementary Palette

#325078 #3A5D8B #785A33 #8C693B #9C7E56 #56749B

Analogous Palette

#496D6F #4F7678 #375783 #3A5D8B #514F78 #615F81

Triadic Palette

#33527A #3A5D8B #96315D #A34A70 #5D9631 #52842B

Split Complementary Palette

#34547D #3A5D8B #8C403B #98534F #878C3B #7A7E35

Square Palette

#314E75 #3A5D8B #82457E #826845 #3B8C40 #5A9E5F

Tetradic Palette

#304C72 #3A5D8B #6B299E #8C693B #5C9E29 #79AF50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5D8B contains 58 red, 93 green, and 139 blue.

Contrast Ratio: 6.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.1:1