#3A5D64 Color

Color Information

HEX	#3A5D64
RGB	58, 93, 100
HSL	190° , 27% , 31%
HSV	190° , 42% , 39%
CMYK	42%, 7%, 0%, 61%

Lighter Shades

#527077 #698489 #81979C #99ABAE #B0BEC1 #C8D2D4

Darker Shades

#335258 #2C474C #253C40 #1E3034 #172528 #101A1C

Complementary Palette

#325056 #3A5D64 #563832 #64413A #7A5C56 #56747A

Analogous Palette

#3D524B #435B53 #37575E #3A5D64 #434B5B #4E586A

Triadic Palette

#335258 #3A5D64 #6C3263 #7E4B76 #636C32 #575F2C

Split Complementary Palette

#34545A #3A5D64 #643A48 #744E5A #64563A #5A4D34

Square Palette

#314E54 #3A5D64 #54425C #5C4642 #48643A #657D5A

Tetradic Palette

#304C52 #3A5D64 #372B73 #64413A #67732B #828C51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5D64 contains 58 red, 93 green, and 100 blue.

Contrast Ratio: 7.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.9:1