#646755

#646755

Color Values

HEX

#646755

RGB

100, 103, 85

HSL

70.0, 9.6%, 36.9%

HSV

70.0, 17.5%, 40.4%

CMYK

2.9%, 0.0%, 17.5%, 59.6%

OKLCH

0.5058 0.0278 115.1

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#646755

#585567

Analogous

#676155

#5B6755

#646755

Triadic

#646755

#556467

#675564

Split Complementary

#646755

#555B67

#615567

Tetradic

#646755

#556761

#585567

#67555B

Color Blindness Simulation

Original

#646755

Protanopia

#656559

Deuteranopia

#65655A

Tritanopia

#645D5E

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEFEC
200
#DEDFD8
300
#C6C8BC
400
#A7AA98
500
#888C73
600
#6D705C
700
#57594A
800
#44463A
900
#33352C
950
#20211C

Contrast Checker

Text on white

5.81:1

AA Pass AAA Fail

Text on black

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