#5B6653

#5B6653

Color Values

HEX

#5B6653

RGB

91, 102, 83

HSL

94.7, 10.3%, 36.3%

HSV

94.7, 18.6%, 40.0%

CMYK

10.8%, 0.0%, 18.6%, 60.0%

OKLCH

0.4951 0.0324 132.1

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#5B6653

#5E5366

Analogous

#656653

#536655

#5B6653

Triadic

#5B6653

#535B66

#66535B

Split Complementary

#5B6653

#555366

#665365

Tetradic

#5B6653

#536566

#5E5366

#665553

Color Blindness Simulation

Original

#5B6653

Protanopia

#606058

Deuteranopia

#5F5E59

Tritanopia

#5C5B5C

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEFEC
200
#DBDFD8
300
#C1C8BB
400
#9FAA97
500
#7D8D72
600
#64715B
700
#505A49
800
#3F4639
900
#30352C
950
#1E211C

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

3.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026