#3A485E Color

Color Information

HEX	#3A485E
RGB	58, 72, 94
HSL	217° , 24% , 30%
HSV	217° , 38% , 37%
CMYK	38%, 23%, 0%, 63%

Lighter Shades

#525E71 #697485 #818A98 #99A0AB #B0B6BF #C8CCD2

Darker Shades

#333F53 #2C3747 #252E3C #1E2531 #171D26 #10141A

Complementary Palette

#323E51 #3A485E #524632 #5F513A #756956 #566275

Analogous Palette

#3B4D4F #415658 #374458 #3A485E #434158 #504E6A

Triadic Palette

#333F53 #3A485E #673246 #794B5C #466732 #3E5B2C

Split Complementary Palette

#344155 #3A485E #5F3E3A #6F514E #5B5F3A #525634

Square Palette

#313C4F #3A485E #584156 #584F41 #3A5F3E #5A795D

Tetradic Palette

#303B4D #3A485E #542C6D #5F513A #456D2C #668752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A485E contains 58 red, 72 green, and 94 blue.

Contrast Ratio: 9.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.21:1