#64684F

#64684F

Color Values

HEX

#64684F

RGB

100, 104, 79

HSL

69.6, 13.7%, 35.9%

HSV

69.6, 24.0%, 40.8%

CMYK

3.8%, 0.0%, 24.0%, 59.2%

OKLCH

0.5066 0.0382 115.2

Properties

Cool Dark Nearest: RAL 7003 Moss Grey

Color Harmonies

Complementary

#64684F

#534F68

Analogous

#68604F

#58684F

#64684F

Triadic

#64684F

#4F6468

#684F64

Split Complementary

#64684F

#4F5868

#604F68

Tetradic

#64684F

#4F6860

#534F68

#684F58

Color Blindness Simulation

Original

#64684F

Protanopia

#666655

Deuteranopia

#666556

Tritanopia

#645A5B

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#DFE0D6
300
#C8CAB9
400
#A9AE94
500
#8B916E
600
#707458
700
#595D46
800
#464837
900
#35362A
950
#21221B

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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