#3A474D Color

Color Information

HEX#3A474D
RGB58, 71, 77
HSL199° , 14% , 26%
HSV199° , 25% , 30%
CMYK25%, 8%, 0%, 70%

Lighter Shades

#525D62 #697378 #81898D #999FA2 #B0B5B8 #C8CBCD

Darker Shades

#333E44 #2C363B #252D31 #1E2528 #171C1F #101416

Complementary Palette

#323D42 #3A474D #413631 #4C3F39 #655A55 #566166

Analogous Palette

#344642 #384C48 #374348 #3A474D #383B4C #454A5E

Triadic Palette

#333E44 #3A474D #523248 #674B5E #485232 #3F482C

Split Complementary Palette

#344045 #3A474D #4C393C #5E4D50 #4C4839 #444133

Square Palette

#313C41 #3A474D #48384C #4C3F38 #3C4C39 #5B6959

Tetradic Palette

#303A3F #3A474D #3B2D58 #4C3F39 #4A582D #6B7653

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A474D contains 58 red, 71 green, and 77 blue.

Contrast Ratio: 9.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.13:1