#687C64

#687C64

Color Values

HEX

#687C64

RGB

104, 124, 100

HSL

110.0, 10.7%, 43.9%

HSV

110.0, 19.4%, 48.6%

CMYK

16.1%, 0.0%, 19.4%, 51.4%

OKLCH

0.5631 0.0432 140.4

Properties

Cool Light Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#687C64

#78647C

Analogous

#747C64

#647C6C

#687C64

Triadic

#687C64

#64687C

#7C6468

Split Complementary

#687C64

#6C647C

#7C6474

Tetradic

#687C64

#64747C

#78647C

#7C6C64

Color Blindness Simulation

Original

#687C64

Protanopia

#71716A

Deuteranopia

#706E6B

Tritanopia

#696E6F

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D9DFD7
300
#BDC8BB
400
#9AAB97
500
#768D72
600
#5F715B
700
#4C5A49
800
#3B4739
900
#2D352C
950
#1D221C

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026