#656157

#656157

Color Values

HEX

#656157

RGB

101, 97, 87

HSL

42.9, 7.4%, 36.9%

HSV

42.9, 13.9%, 39.6%

CMYK

0.0%, 4.0%, 13.9%, 60.4%

OKLCH

0.4932 0.0163 88.8

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#656157

#575B65

Analogous

#655A57

#626557

#656157

Triadic

#656157

#576561

#615765

Split Complementary

#656157

#576265

#5A5765

Tetradic

#656157

#57655A

#575B65

#655762

Color Blindness Simulation

Original

#656157

Protanopia

#636359

Deuteranopia

#64645A

Tritanopia

#655B5C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DEDCD9
300
#C6C4BD
400
#A8A49A
500
#898476
600
#6E695E
700
#58544C
800
#44423B
900
#34322D
950
#211F1D

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

3.4: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