#64685D

#64685D

Color Values

HEX

#64685D

RGB

100, 104, 93

HSL

81.8, 5.6%, 38.6%

HSV

81.8, 10.6%, 40.8%

CMYK

3.8%, 0.0%, 10.6%, 59.2%

OKLCH

0.5104 0.0177 123.3

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#64685D

#615D68

Analogous

#68665D

#5E685D

#64685D

Triadic

#64685D

#5D6468

#685D64

Split Complementary

#64685D

#5D5E68

#665D68

Tetradic

#64685D

#5D6866

#615D68

#685D5E

Color Blindness Simulation

Original

#64685D

Protanopia

#666660

Deuteranopia

#666560

Tritanopia

#646262

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EDEEEC
200
#DCDDD9
300
#C3C5BE
400
#A2A69B
500
#818778
600
#686C60
700
#53564D
800
#41433C
900
#31332E
950
#1F201D

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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