#3A3A60 Color

Color Information

HEX	#3A3A60
RGB	58, 58, 96
HSL	240° , 25% , 30%
HSV	240° , 40% , 38%
CMYK	40%, 40%, 0%, 62%

Lighter Shades

#525273 #696986 #818199 #9999AC #B0B0BF #C8C8D2

Darker Shades

#333354 #2C2C49 #25253D #1E1E32 #171726 #10101B

Complementary Palette

#323253 #3A3A60 #535331 #606039 #767655 #565676

Analogous Palette

#3B464F #414D58 #37375A #3A3A60 #4D4158 #5C4E6A

Triadic Palette

#333354 #3A3A60 #673232 #794B4B #326732 #2C5B2C

Split Complementary Palette

#343456 #3A3A60 #604D39 #705F4D #4D6039 #455633

Square Palette

#313151 #3A3A60 #58414D #585841 #39604D #597969

Tetradic Palette

#30304F #3A3A60 #6D2C6D #606039 #2C6D2C #528752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3A60 contains 58 red, 58 green, and 96 blue.

Contrast Ratio: 11.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.88:1