#3A56A1 Color

Color Information

HEX#3A56A1
RGB58, 86, 161
HSL224° , 47% , 43%
HSV224° , 64% , 63%
CMYK64%, 47%, 0%, 37%

Lighter Shades

#526AAC #697FB8 #8193C3 #99A7CE #B0BBD9 #C8D0E5

Darker Shades

#334C8E #2C417A #253767 #1E2D54 #172240 #10182D

Complementary Palette

#324A8A #3A56A1 #8A7332 #A1863A #AE9756 #566EAE

Analogous Palette

#49727E #507D8B #375197 #3A56A1 #5E508B #6E6392

Triadic Palette

#334C8E #3A56A1 #AC2F50 #B64865 #50AC2F #469729

Split Complementary Palette

#344D91 #3A56A1 #A1523A #AA634E #89A13A #7B9134

Square Palette

#314887 #3A56A1 #964583 #968145 #3AA152 #5AB06E

Tetradic Palette

#304784 #3A56A1 #8F26B5 #A1863A #4CB526 #6CC24D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A56A1 contains 58 red, 86 green, and 161 blue.

Contrast Ratio: 7.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3:1