#535A3F Color

Color Information

HEX#535A3F
RGB83, 90, 63
HSL76° , 18% , 30%
HSV76° , 30% , 35%
CMYK8%, 0%, 30%, 65%

Lighter Shades

#686E56 #7C826D #919584 #A6A99B #BABDB2 #CFD1C9

Darker Shades

#494F37 #3F4430 #353A28 #2B2F21 #212419 #171912

Complementary Palette

#474D36 #535A3F #3C364D #463F5A #605A71 #6B715A

Analogous Palette

#524D3D #585341 #4E553B #535A3F #465841 #52674C

Triadic Palette

#494F37 #535A3F #375662 #4F6A75 #623756 #56304C

Split Complementary Palette

#4B5139 #535A3F #3F455A #52586B #543F5A #4C3951

Square Palette

#464C35 #535A3F #415853 #474158 #5A3F45 #745E63

Tetradic Palette

#444A34 #535A3F #316840 #463F5A #683159 #835677

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535A3F contains 83 red, 90 green, and 63 blue.

Contrast Ratio: 7.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.87:1