#3A3550 Color

Color Information

HEX#3A3550
RGB58, 53, 80
HSL251° , 20% , 26%
HSV251° , 34% , 31%
CMYK28%, 34%, 0%, 69%

Lighter Shades

#524D65 #69657A #817E8F #9996A4 #B0AEB9 #C8C6CE

Darker Shades

#332F46 #2C283D #252233 #1E1C2A #171520 #100F16

Complementary Palette

#322E45 #3A3550 #41452E #4B5035 #646951 #565169

Analogous Palette

#343946 #383E4C #37324B #3A3550 #46384C #56455E

Triadic Palette

#332F46 #3A3550 #56362E #6A4E47 #2E5636 #284C30

Split Complementary Palette

#343048 #3A3550 #504735 #625949 #3D5035 #374830

Square Palette

#312D43 #3A3550 #4C383E #494C38 #355047 #556C64

Tetradic Palette

#302B42 #3A3550 #5B2952 #4B5035 #295B32 #507957

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3550 contains 58 red, 53 green, and 80 blue.

Contrast Ratio: 12.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.73:1