#3A5D76 Color

Color Information

HEX	#3A5D76
RGB	58, 93, 118
HSL	205° , 34% , 35%
HSV	205° , 51% , 46%
CMYK	51%, 21%, 0%, 54%

Lighter Shades

#527086 #698497 #8197A7 #99ABB8 #B0BEC8 #C8D2D9

Darker Shades

#335268 #2C475A #253C4C #1E303D #17252F #101A21

Complementary Palette

#325065 #3A5D76 #674833 #78543B #8B6C56 #567489

Analogous Palette

#455E5C #4C6764 #37576F #3A5D76 #4C4E67 #575975

Triadic Palette

#335268 #3A5D76 #81325E #904B71 #5E8132 #53722C

Split Complementary Palette

#34546A #3A5D76 #783B40 #864F53 #78733B #6C6835

Square Palette

#314E63 #3A5D76 #6B446F #6F5644 #40783B #5F8E5A

Tetradic Palette

#304C61 #3A5D76 #522B88 #78543B #5F882B #7C9D51

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5D76 contains 58 red, 93 green, and 118 blue.

Contrast Ratio: 7.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1