#3A3A5B Color

Color Information

HEX#3A3A5B
RGB58, 58, 91
HSL240° , 22% , 29%
HSV240° , 36% , 36%
CMYK36%, 36%, 0%, 64%

Lighter Shades

#52526F #696982 #818196 #9999AA #B0B0BD #C8C8D1

Darker Shades

#333350 #2C2C45 #25253A #1E1E2F #171724 #101019

Complementary Palette

#32324E #3A3A5B #4D4D32 #5A5A3A #717156 #565672

Analogous Palette

#3B454F #3F4A55 #373756 #3A3A5B #4A3F55 #594C67

Triadic Palette

#333350 #3A3A5B #623232 #754B4B #326232 #2C562C

Split Complementary Palette

#343452 #3A3A5B #5A4A3A #6B5C4E #4A5A3A #435134

Square Palette

#31314C #3A3A5B #553F4A #55553F #3A5A4A #5A7467

Tetradic Palette

#30304B #3A3A5B #682C68 #5A5A3A #2C682C #528352

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3A5B contains 58 red, 58 green, and 91 blue.

Contrast Ratio: 11.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1