#3A3142 Color

Color Information

HEX	#3A3142
RGB	58, 49, 66
HSL	272° , 15% , 23%
HSV	272° , 26% , 26%
CMYK	12%, 26%, 0%, 74%

Lighter Shades

#524A59 #69626F #817B86 #99949D #B0ADB3 #C8C5CA

Darker Shades

#332B3A #2C2532 #251F2A #1E1922 #17141A #100E12

Complementary Palette

#322A39 #3A3142 #323A2B #3A4332 #565D4F #564E5C

Analogous Palette

#2E2E3E #323243 #372E3E #3A3142 #433243 #553F55

Triadic Palette

#332B3A #3A3142 #493C2C #5F5345 #2C493C #274035

Split Complementary Palette

#342C3B #3A3142 #434332 #565647 #324332 #2D3C2D

Square Palette

#312937 #3A3142 #433232 #3A4332 #324343 #536161

Tetradic Palette

#302836 #3A3142 #4E2739 #3A4332 #274E3C #4E6E5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3142 contains 58 red, 49 green, and 66 blue.

Contrast Ratio: 12.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.62:1