#3A5D4E Color

Color Information

HEX#3A5D4E
RGB58, 93, 78
HSL154° , 23% , 30%
HSV154° , 38% , 36%
CMYK38%, 0%, 16%, 64%

Lighter Shades

#527063 #698478 #81978E #99ABA3 #B0BEB8 #C8D2CD

Darker Shades

#335245 #2C473B #253C32 #1E3029 #17251F #101A16

Complementary Palette

#325043 #3A5D4E #513340 #5E3B4A #755663 #567467

Analogous Palette

#3B4F3C #415842 #375749 #3A5D4E #415758 #4E686A

Triadic Palette

#335245 #3A5D4E #503366 #654B78 #665033 #5A462D

Split Complementary Palette

#345446 #3A5D4E #5E3B5C #6E4F6C #5E3D3B #553735

Square Palette

#314E42 #3A5D4E #424158 #58414B #5C5E3B #76785A

Tetradic Palette

#304C40 #3A5D4E #2D486C #5E3B4A #6C512D #867053

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5D4E contains 58 red, 93 green, and 78 blue.

Contrast Ratio: 7.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.83:1