#656C5D

#656C5D

Color Values

HEX

#656C5D

RGB

101, 108, 93

HSL

88.0, 7.5%, 39.4%

HSV

88.0, 13.9%, 42.4%

CMYK

6.5%, 0.0%, 13.9%, 57.6%

OKLCH

0.5206 0.0245 127.7

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#656C5D

#645D6C

Analogous

#6C6C5D

#5D6C5D

#656C5D

Triadic

#656C5D

#5D656C

#6C5D65

Split Complementary

#656C5D

#5D5D6C

#6C5D6C

Tetradic

#656C5D

#5D6C6C

#645D6C

#6C5D5D

Color Blindness Simulation

Original

#656C5D

Protanopia

#686861

Deuteranopia

#686762

Tritanopia

#656364

Achromatopsia

#696969

CSS Usage

background-color: #656C5D;
color: #656C5D;
border-color: #656C5D;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DBDED9
300
#C2C6BD
400
#A1A89A
500
#808976
600
#676E5E
700
#52584B
800
#40453B
900
#31342D
950
#1F211D

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

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