#645855

#645855

Color Values

HEX

#645855

RGB

100, 88, 85

HSL

12.0, 8.1%, 36.3%

HSV

12.0, 15.0%, 39.2%

CMYK

0.0%, 12.0%, 15.0%, 60.8%

OKLCH

0.4711 0.0165 34.3

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#645855

#556164

Analogous

#64555A

#646055

#645855

Triadic

#645855

#556458

#585564

Split Complementary

#645855

#556460

#555A64

Tetradic

#645855

#5A6455

#556164

#605564

Color Blindness Simulation

Original

#645855

Protanopia

#5F5F56

Deuteranopia

#606056

Tritanopia

#635656

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DEDAD8
300
#C7BFBD
400
#A89C99
500
#8A7975
600
#6E615E
700
#584E4B
800
#453D3B
900
#342E2D
950
#211D1C

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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