#3A3C4F Color

Color Information

HEX#3A3C4F
RGB58, 60, 79
HSL234° , 15% , 27%
HSV234° , 27% , 31%
CMYK27%, 24%, 0%, 69%

Lighter Shades

#525364 #696B79 #81828E #999AA3 #B0B1B9 #C8C8CE

Darker Shades

#333546 #2C2E3C #252633 #1E1F29 #171820 #101116

Complementary Palette

#323444 #3A3C4F #444233 #4F4D3B #686656 #565768

Analogous Palette

#364149 #3B474F #37384A #3A3C4F #433B4F #514861

Triadic Palette

#333546 #3A3C4F #553438 #694C50 #385534 #314B2E

Split Complementary Palette

#343647 #3A3C4F #4F433B #61564F #474F3B #404735

Square Palette

#313242 #3A3C4F #4F3B47 #4F4D3B #3B4F43 #5A6B61

Tetradic Palette

#303141 #3A3C4F #562F5B #4F4D3B #335B2F #587954

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A3C4F contains 58 red, 60 green, and 79 blue.

Contrast Ratio: 11.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.87:1