#3A4082 Color

Color Information

HEX#3A4082
RGB58, 64, 130
HSL235° , 38% , 37%
HSV235° , 55% , 51%
CMYK55%, 51%, 0%, 49%

Lighter Shades

#525791 #696EA0 #8185AF #999CBE #B0B3CD #C8CADC

Darker Shades

#333872 #2C3163 #252953 #1E2144 #171A34 #101224

Complementary Palette

#323770 #3A4082 #706B32 #827C3A #948E56 #565B94

Analogous Palette

#465967 #4D616F #373C7A #3A4082 #5C4D6F #685B7B

Triadic Palette

#333872 #3A4082 #8C3139 #9A4A51 #398C31 #327B2B

Split Complementary Palette

#343A75 #3A4082 #82583A #8F694E #64823A #5A7534

Square Palette

#31366D #3A4082 #794463 #797444 #3A8258 #5A9673

Tetradic Palette

#30346B #3A4082 #8A2A93 #827C3A #32932A #57A650

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4082 contains 58 red, 64 green, and 130 blue.

Contrast Ratio: 9.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.17:1