#535A25 Color

Color Information

HEX#535A25
RGB83, 90, 37
HSL68° , 42% , 25%
HSV68° , 59% , 35%
CMYK8%, 0%, 59%, 65%

Lighter Shades

#686E3F #7C8259 #919573 #A6A98E #BABDA8 #CFD1C2

Darker Shades

#494F21 #3F441C #353A18 #2B2F13 #21240F #17190A

Complementary Palette

#474D20 #535A25 #26204E #2C255B #4A4472 #6B7144

Analogous Palette

#483E2E #4E4332 #4E5523 #535A25 #3C4E32 #4C5B43

Triadic Palette

#494F21 #535A25 #1F5761 #3A6B74 #611F57 #551B4D

Split Complementary Palette

#4B5121 #535A25 #25395B #3B4D6B #47255B #402152

Square Palette

#464C1F #535A25 #2B5445 #312B54 #5B2539 #754859

Tetradic Palette

#444A1E #535A25 #1A6624 #2C255B #661A5B #824379

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535A25 contains 83 red, 90 green, and 37 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