#3A3A46 Color

Color Information

HEX#3A3A46
RGB58, 58, 70
HSL240° , 9% , 25%
HSV240° , 17% , 27%
CMYK17%, 17%, 0%, 73%

Lighter Shades

#52525C #696972 #818189 #99999F #B0B0B5 #C8C8CB

Darker Shades

#33333E #2C2C35 #25252D #1E1E24 #17171C #101014

Complementary Palette

#32323C #3A3A46 #3B3B32 #45453A #5F5F56 #565660

Analogous Palette

#323C43 #364149 #373742 #3A3A46 #413649 #4F435B

Triadic Palette

#33333E #3A3A46 #4C3434 #614C4C #344C34 #2E432E

Split Complementary Palette

#34343F #3A3A46 #45403A #58534E #40453A #3A3E34

Square Palette

#31313B #3A3A46 #493641 #494936 #3A4540 #5A635F

Tetradic Palette

#303039 #3A3A46 #512F51 #45453A #2F512F #547054

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3A46 contains 58 red, 58 green, and 70 blue.

Contrast Ratio: 11.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.8:1