#3A515F Color

Color Information

HEX#3A515F
RGB58, 81, 95
HSL203° , 24% , 30%
HSV203° , 39% , 37%
CMYK39%, 15%, 0%, 63%

Lighter Shades

#526672 #697B85 #819099 #99A5AC #B0B9BF #C8CED2

Darker Shades

#334754 #2C3E48 #25343D #1E2A31 #172026 #10171B

Complementary Palette

#324652 #3A515F #523E32 #5F483A #756256 #566975

Analogous Palette

#3B4F4D #415856 #374C59 #3A515F #414358 #4E506A

Triadic Palette

#334754 #3A515F #673253 #794B68 #536732 #495B2C

Split Complementary Palette

#344956 #3A515F #5F3A3E #6F4E51 #5F5B3A #565234

Square Palette

#314450 #3A515F #564158 #584A41 #3E5F3A #5D795A

Tetradic Palette

#30424E #3A515F #452C6D #5F483A #546D2C #738752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A515F contains 58 red, 81 green, and 95 blue.

Contrast Ratio: 8.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1