#657163

#657163

Color Values

HEX

#657163

RGB

101, 113, 99

HSL

111.4, 6.6%, 41.6%

HSV

111.4, 12.4%, 44.3%

CMYK

10.6%, 0.0%, 12.4%, 55.7%

OKLCH

0.5342 0.0259 141.2

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#657163

#6F6371

Analogous

#6C7163

#637168

#657163

Triadic

#657163

#636571

#716365

Split Complementary

#657163

#686371

#71636C

Tetradic

#657163

#636C71

#6F6371

#716863

Color Blindness Simulation

Original

#657163

Protanopia

#6A6A66

Deuteranopia

#6A6967

Tritanopia

#66696A

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#DADED9
300
#BFC6BE
400
#9CA79A
500
#798877
600
#616D5F
700
#4E574C
800
#3D443C
900
#2E332E
950
#1D201D

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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