#3A4372 Color

Color Information

HEX	#3A4372
RGB	58, 67, 114
HSL	230° , 33% , 34%
HSV	230° , 49% , 45%
CMYK	49%, 41%, 0%, 55%

Lighter Shades

#525A83 #697094 #8187A5 #999DB6 #B0B4C7 #C8CAD8

Darker Shades

#333B64 #2C3357 #252B49 #1E233B #171B2E #101320

Complementary Palette

#323A62 #3A4372 #635B32 #736A3A #877F56 #565D86

Analogous Palette

#43535B #4A5B64 #373F6B #3A4372 #524A64 #5E5572

Triadic Palette

#333B64 #3A4372 #7C313F #8C4A56 #3F7C31 #376D2B

Split Complementary Palette

#343C67 #3A4372 #734D3A #815F4E #60733A #566834

Square Palette

#313860 #3A4372 #6B435D #6B6543 #3A734D #5A8969

Tetradic Palette

#30375D #3A4372 #762A83 #736A3A #3B832A #5E9950

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4372 contains 58 red, 67 green, and 114 blue.

Contrast Ratio: 9.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.17:1