#656351

#656351

Color Values

HEX

#656351

RGB

101, 99, 81

HSL

54.0, 11.0%, 35.7%

HSV

54.0, 19.8%, 39.6%

CMYK

0.0%, 2.0%, 19.8%, 60.4%

OKLCH

0.4962 0.0277 102.1

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#656351

#515365

Analogous

#655951

#5D6551

#656351

Triadic

#656351

#516563

#635165

Split Complementary

#656351

#515D65

#595165

Tetradic

#656351

#516559

#515365

#65515D

Color Blindness Simulation

Original

#656351

Protanopia

#646455

Deuteranopia

#646456

Tritanopia

#65595A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#DFDED7
300
#C9C7BB
400
#ABA996
500
#8E8B71
600
#716F5B
700
#5B5949
800
#474539
900
#35342C
950
#22211C

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

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