#535B36

#535B36

Color Values

HEX

#535B36

RGB

83, 91, 54

HSL

73.0, 25.5%, 28.4%

HSV

73.0, 40.7%, 35.7%

CMYK

8.8%, 0.0%, 40.7%, 64.3%

OKLCH

0.4542 0.0568 118.7

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#535B36

#3E365B

Analogous

#5B5036

#405B36

#535B36

Triadic

#535B36

#36535B

#5B3653

Split Complementary

#535B36

#36405B

#50365B

Tetradic

#535B36

#365B50

#3E365B

#5B3640

Color Blindness Simulation

Original

#535B36

Protanopia

#56573F

Deuteranopia

#565541

Tritanopia

#534648

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E4D2
300
#CBD1B2
400
#AEB989
500
#92A05F
600
#75804C
700
#5D663D
800
#49502F
900
#373C25
950
#232618

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026