#535631

#535631

Color Values

HEX

#535631

RGB

83, 86, 49

HSL

64.9, 27.4%, 26.5%

HSV

64.9, 43.0%, 33.7%

CMYK

3.5%, 0.0%, 43.0%, 66.3%

OKLCH

0.4407 0.0557 112.5

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#535631

#343156

Analogous

#564731

#415631

#535631

Triadic

#535631

#315356

#563153

Split Complementary

#535631

#314156

#473156

Tetradic

#535631

#315647

#343156

#563141

Color Blindness Simulation

Original

#535631

Protanopia

#54543A

Deuteranopia

#54543C

Tritanopia

#534143

Achromatopsia

#535353

CSS Usage

background-color: #535631;
color: #535631;
border-color: #535631;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E3E5D2
300
#D0D3B1
400
#B6BB87
500
#9DA25D
600
#7D824A
700
#64683B
800
#4E512E
900
#3A3C25
950
#252617

Contrast Checker

Text on white

7.66:1

AA Pass AAA Pass

Text on black

2.74:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026