#3A55A2 Color

Color Information

HEX#3A55A2
RGB58, 85, 162
HSL224° , 47% , 43%
HSV224° , 64% , 64%
CMYK64%, 48%, 0%, 36%

Lighter Shades

#5269AD #697EB8 #8192C3 #99A7CF #B0BBDA #C8CFE5

Darker Shades

#334B8F #2C417B #253668 #1E2C54 #172241 #10182D

Complementary Palette

#32498B #3A55A2 #8A7332 #A1863A #AE9756 #566DAF

Analogous Palette

#49727E #507D8B #375098 #3A55A2 #5E508B #6E6392

Triadic Palette

#334B8F #3A55A2 #AC2F50 #B64865 #50AC2F #469729

Split Complementary Palette

#344D92 #3A55A2 #A1523A #AA634E #89A13A #7B9134

Square Palette

#314788 #3A55A2 #964583 #968145 #3AA152 #5AB06E

Tetradic Palette

#304685 #3A55A2 #8F26B5 #A1863A #4CB526 #6CC24D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A55A2 contains 58 red, 85 green, and 162 blue.

Contrast Ratio: 7.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1