#3A3C45 Color

Color Information

HEX#3A3C45
RGB58, 60, 69
HSL229° , 9% , 25%
HSV229° , 16% , 27%
CMYK16%, 13%, 0%, 73%

Lighter Shades

#52535B #696B72 #818288 #999A9E #B0B1B5 #C8C8CB

Darker Shades

#33353D #2C2E34 #25262C #1E1F24 #17181C #101113

Complementary Palette

#32343B #3A3C45 #3B3A32 #45433A #5F5D56 #56575F

Analogous Palette

#324043 #364449 #373841 #3A3C45 #3D3649 #4A435B

Triadic Palette

#33353D #3A3C45 #4C3438 #614C50 #384C34 #31432E

Split Complementary Palette

#34363E #3A3C45 #453E3A #58514E #42453A #3B3E34

Square Palette

#31323A #3A3C45 #493644 #494636 #3A453E #5A635D

Tetradic Palette

#303139 #3A3C45 #4B2F51 #45433A #35512F #597054

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3C45 contains 58 red, 60 green, and 69 blue.

Contrast Ratio: 11.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.84:1