#3A475C Color

Color Information

HEX#3A475C
RGB58, 71, 92
HSL217° , 23% , 29%
HSV217° , 37% , 36%
CMYK37%, 23%, 0%, 64%

Lighter Shades

#525D70 #697383 #818997 #999FAA #B0B5BE #C8CBD1

Darker Shades

#333E51 #2C3646 #252D3B #1E2530 #171C25 #10141A

Complementary Palette

#323D4F #3A475C #4E4331 #5B4E39 #726755 #566173

Analogous Palette

#3B4C4F #3F5255 #374356 #3A475C #413F55 #4F4C67

Triadic Palette

#333E51 #3A475C #623244 #754B5A #446232 #3C562C

Split Complementary Palette

#344053 #3A475C #5B3D39 #6B504D #575B39 #4E5233

Square Palette

#313C4D #3A475C #553F52 #554D3F #395B3D #59755C

Tetradic Palette

#303A4B #3A475C #512C68 #5B4E39 #43682C #658352

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A475C contains 58 red, 71 green, and 92 blue.

Contrast Ratio: 9.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.18:1