#64684C

#64684C

Color Values

HEX

#64684C

RGB

100, 104, 76

HSL

68.6, 15.6%, 35.3%

HSV

68.6, 26.9%, 40.8%

CMYK

3.8%, 0.0%, 26.9%, 59.2%

OKLCH

0.5059 0.0425 114.5

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#64684C

#504C68

Analogous

#685E4C

#56684C

#64684C

Triadic

#64684C

#4C6468

#684C64

Split Complementary

#64684C

#4C5668

#5E4C68

Tetradic

#64684C

#4C685E

#504C68

#684C56

Color Blindness Simulation

Original

#64684C

Protanopia

#666653

Deuteranopia

#666554

Tritanopia

#645859

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFF0EB
200
#DFE1D6
300
#C9CBB8
400
#ABAF92
500
#8E936C
600
#717656
700
#5B5E45
800
#474A36
900
#35372A
950
#22231A

Contrast Checker

Text on white

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