#645356

#645356

Color Values

HEX

#645356

RGB

100, 83, 86

HSL

349.4, 9.3%, 35.9%

HSV

349.4, 17.0%, 39.2%

CMYK

0.0%, 17.0%, 14.0%, 60.8%

OKLCH

0.4603 0.023 6.1

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#645356

#536461

Analogous

#64535F

#645953

#645356

Triadic

#645356

#566453

#535664

Split Complementary

#645356

#536459

#535F64

Tetradic

#645356

#5F6453

#536461

#595364

Color Blindness Simulation

Original

#645356

Protanopia

#5D5C55

Deuteranopia

#5E5F55

Tritanopia

#635555

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD8D9
300
#C7BCBE
400
#A9989B
500
#8B7478
600
#6F5D60
700
#594A4D
800
#463A3C
900
#352C2E
950
#211C1D

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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