#3A5986 Color

Color Information

HEX#3A5986
RGB58, 89, 134
HSL216° , 40% , 38%
HSV216° , 57% , 53%
CMYK57%, 34%, 0%, 47%

Lighter Shades

#526D95 #6981A3 #8195B2 #99A9C0 #B0BDCF #C8D1DD

Darker Shades

#334E76 #2C4466 #253956 #1E2E46 #172436 #101926

Complementary Palette

#324D73 #3A5986 #755A32 #88693A #997E56 #567097

Analogous Palette

#47686B #4E7074 #37547E #3A5986 #514E74 #605D7E

Triadic Palette

#334E76 #3A5986 #913057 #9E496B #579130 #4D802A

Split Complementary Palette

#345079 #3A5986 #88423A #94554E #80883A #737A34

Square Palette

#314B71 #3A5986 #7E4478 #7E6744 #3A8842 #5A9B60

Tetradic Palette

#30496E #3A5986 #6C2999 #88693A #569929 #74AB50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5986 contains 58 red, 89 green, and 134 blue.

Contrast Ratio: 7.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.93:1