#656A68

#656A68

Color Values

HEX

#656A68

RGB

101, 106, 104

HSL

156.0, 2.4%, 40.6%

HSV

156.0, 4.7%, 41.6%

CMYK

4.7%, 0.0%, 1.9%, 58.4%

OKLCH

0.5193 0.0069 170.2

Properties

Cool Dark Nearest: dimgrey

Color Harmonies

Complementary

#656A68

#6A6567

Analogous

#656A66

#656A6A

#656A68

Triadic

#656A68

#68656A

#6A6865

Split Complementary

#656A68

#6A656A

#6A6665

Tetradic

#656A68

#66656A

#6A6567

#6A6A65

Color Blindness Simulation

Original

#656A68

Protanopia

#676768

Deuteranopia

#676669

Tritanopia

#656969

Achromatopsia

#696969

CSS Usage

background-color: #656A68;
color: #656A68;
border-color: #656A68;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADCDB
300
#C0C3C2
400
#9EA3A1
500
#7C8380
600
#646866
700
#505452
800
#3E4140
900
#2F3131
950
#1E1F1F

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026