#645756

#645756

Color Values

HEX

#645756

RGB

100, 87, 86

HSL

4.3, 7.5%, 36.5%

HSV

4.3, 14.0%, 39.2%

CMYK

0.0%, 13.0%, 14.0%, 60.8%

OKLCH

0.4691 0.0172 23.0

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#645756

#566364

Analogous

#64565C

#645E56

#645756

Triadic

#645756

#566457

#575664

Split Complementary

#645756

#56645E

#565C64

Tetradic

#645756

#5C6456

#566364

#5E5664

Color Blindness Simulation

Original

#645756

Protanopia

#5E5E56

Deuteranopia

#5F6056

Tritanopia

#635656

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9D9
300
#C6BEBD
400
#A89B9A
500
#897776
600
#6E5F5E
700
#584C4B
800
#453C3B
900
#342E2D
950
#211D1D

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026