#535647

#535647

Color Values

HEX

#535647

RGB

83, 86, 71

HSL

72.0, 9.6%, 30.8%

HSV

72.0, 17.4%, 33.7%

CMYK

3.5%, 0.0%, 17.4%, 66.3%

OKLCH

0.4458 0.024 116.6

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#535647

#4A4756

Analogous

#565247

#4C5647

#535647

Triadic

#535647

#475356

#564753

Split Complementary

#535647

#474C56

#524756

Tetradic

#535647

#475652

#4A4756

#56474C

Color Blindness Simulation

Original

#535647

Protanopia

#54544B

Deuteranopia

#54544C

Tritanopia

#534D4E

Achromatopsia

#545454

CSS Usage

background-color: #535647;
color: #535647;
border-color: #535647;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DDDFD8
300
#C5C8BC
400
#A6AA98
500
#878C73
600
#6C705C
700
#56594A
800
#43463A
900
#33352C
950
#20211C

Contrast Checker

Text on white

7.53:1

AA Pass AAA Pass

Text on black

2.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026