#3A5C4F Color

Color Information

HEX	#3A5C4F
RGB	58, 92, 79
HSL	157° , 23% , 29%
HSV	157° , 37% , 36%
CMYK	37%, 0%, 14%, 64%

Lighter Shades

#527064 #698379 #81978E #99AAA3 #B0BEB9 #C8D1CE

Darker Shades

#335146 #2C463C #253B33 #1E3029 #172520 #101A16

Complementary Palette

#324F44 #3A5C4F #4E313C #5B3946 #725560 #567368

Analogous Palette

#3B4F3D #3F5541 #37564A #3A5C4F #3F5255 #4C6367

Triadic Palette

#335146 #3A5C4F #503262 #654B75 #625032 #56462C

Split Complementary Palette

#345347 #3A5C4F #5B3957 #6B4D68 #5B3D39 #523733

Square Palette

#314D42 #3A5C4F #413F55 #553F47 #575B39 #727559

Tetradic Palette

#304B41 #3A5C4F #2C4368 #5B3946 #68512C #837052

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5C4F contains 58 red, 92 green, and 79 blue.

Contrast Ratio: 7.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.79:1