#535646

#535646

Color Values

HEX

#535646

RGB

83, 86, 70

HSL

71.3, 10.3%, 30.6%

HSV

71.3, 18.6%, 33.7%

CMYK

3.5%, 0.0%, 18.6%, 66.3%

OKLCH

0.4455 0.0256 116.1

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#535646

#494656

Analogous

#565146

#4B5646

#535646

Triadic

#535646

#465356

#564653

Split Complementary

#535646

#464B56

#514656

Tetradic

#535646

#465651

#494656

#56464B

Color Blindness Simulation

Original

#535646

Protanopia

#54544A

Deuteranopia

#54544B

Tritanopia

#534D4E

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDFD8
300
#C6C8BB
400
#A7AA97
500
#888D72
600
#6D715B
700
#575A49
800
#444639
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