#3A5C88 Color

Color Information

HEX#3A5C88
RGB58, 92, 136
HSL214° , 40% , 38%
HSV214° , 57% , 53%
CMYK57%, 32%, 0%, 47%

Lighter Shades

#527096 #6983A5 #8197B3 #99AAC1 #B0BECF #C8D1DE

Darker Shades

#335178 #2C4667 #253B57 #1E3047 #172536 #101A26

Complementary Palette

#324F75 #3A5C88 #755832 #88663A #997B56 #567399

Analogous Palette

#47696B #4E7174 #375680 #3A5C88 #504E74 #5F5D7E

Triadic Palette

#335178 #3A5C88 #91305A #9E496E #5A9130 #4F802A

Split Complementary Palette

#34537A #3A5C88 #883F3A #94524E #82883A #757A34

Square Palette

#314D72 #3A5C88 #7E4479 #7E6544 #3A883F #5A9B5E

Tetradic Palette

#304B70 #3A5C88 #682999 #88663A #599929 #77AB50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5C88 contains 58 red, 92 green, and 136 blue.

Contrast Ratio: 6.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1