#3A3AA6 Color

Color Information

HEX#3A3AA6
RGB58, 58, 166
HSL240° , 48% , 44%
HSV240° , 65% , 65%
CMYK65%, 65%, 0%, 35%

Lighter Shades

#5252B1 #6969BB #8181C6 #9999D1 #B0B0DB #C8C8E6

Darker Shades

#333392 #2C2C7E #25256A #1E1E56 #171742 #10102E

Complementary Palette

#32328F #3A3AA6 #8F8F32 #A6A63A #B2B256 #5656B2

Analogous Palette

#486684 #517090 #37379C #3A3AA6 #705190 #7A6293

Triadic Palette

#333392 #3A3AA6 #B12F2F #BA4848 #2FB12F #299C29

Split Complementary Palette

#343495 #3A3AA6 #A6703A #AF7E4E #70A63A #659534

Square Palette

#31318B #3A3AA6 #9B4670 #9B9B46 #3AA670 #5AB487

Tetradic Palette

#303088 #3A3AA6 #BA26BA #A6A63A #26BA26 #4DC64D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3AA6 contains 58 red, 58 green, and 166 blue.

Contrast Ratio: 9.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1