#3A3C86 Color

Color Information

HEX	#3A3C86
RGB	58, 60, 134
HSL	238° , 40% , 38%
HSV	238° , 57% , 53%
CMYK	57%, 55%, 0%, 47%

Lighter Shades

#525395 #696BA3 #8182B2 #999AC0 #B0B1CF #C8C8DD

Darker Shades

#333576 #2C2E66 #252656 #1E1F46 #171836 #101126

Complementary Palette

#323473 #3A3C86 #757232 #88853A #999656 #565797

Analogous Palette

#475A6B #4E6274 #37387E #3A3C86 #604E74 #6D5D7E

Triadic Palette

#333576 #3A3C86 #913034 #9E494C #349130 #2E802A

Split Complementary Palette

#343679 #3A3C86 #885E3A #946E4E #63883A #597A34

Square Palette

#313271 #3A3C86 #7E4463 #7E7C44 #3A885E #5A9B78

Tetradic Palette

#30316E #3A3C86 #952999 #88853A #2C9929 #52AB50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3C86 contains 58 red, 60 green, and 134 blue.

Contrast Ratio: 9.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.11:1