#3A505F Color

Color Information

HEX#3A505F
RGB58, 80, 95
HSL204° , 24% , 30%
HSV204° , 39% , 37%
CMYK39%, 16%, 0%, 63%

Lighter Shades

#526572 #697A85 #818F99 #99A4AC #B0B9BF #C8CED2

Darker Shades

#334654 #2C3D48 #25333D #1E2A31 #172026 #10161B

Complementary Palette

#324552 #3A505F #523F32 #5F493A #756256 #566975

Analogous Palette

#3B4F4D #415856 #374B59 #3A505F #414358 #4E506A

Triadic Palette

#334654 #3A505F #673252 #794B67 #526732 #485B2C

Split Complementary Palette

#344856 #3A505F #5F3A3E #6F4E51 #5F5B3A #565234

Square Palette

#314350 #3A505F #564158 #584A41 #3E5F3A #5D795A

Tetradic Palette

#30424E #3A505F #462C6D #5F493A #536D2C #728752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A505F contains 58 red, 80 green, and 95 blue.

Contrast Ratio: 8.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.44:1