#3A3A5A Color

Color Information

HEX#3A3A5A
RGB58, 58, 90
HSL240° , 22% , 29%
HSV240° , 36% , 35%
CMYK36%, 36%, 0%, 65%

Lighter Shades

#52526E #696982 #818195 #9999A9 #B0B0BD #C8C8D1

Darker Shades

#33334F #2C2C44 #25253A #1E1E2F #171724 #101019

Complementary Palette

#32324D #3A3A5A #4D4D32 #5A5A3A #717156 #565671

Analogous Palette

#3B454F #3F4A55 #373755 #3A3A5A #4A3F55 #594C67

Triadic Palette

#33334F #3A3A5A #623232 #754B4B #326232 #2C562C

Split Complementary Palette

#343451 #3A3A5A #5A4A3A #6B5C4E #4A5A3A #435134

Square Palette

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

Tetradic Palette

#30304A #3A3A5A #682C68 #5A5A3A #2C682C #528352

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3A5A contains 58 red, 58 green, and 90 blue.

Contrast Ratio: 11.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.86:1