#687D73

#687D73

Color Values

HEX

#687D73

RGB

104, 125, 115

HSL

151.4, 9.2%, 44.9%

HSV

151.4, 16.8%, 49.0%

CMYK

16.8%, 0.0%, 8.0%, 51.0%

OKLCH

0.5697 0.0289 165.0

Properties

Cool Light Nearest: RAL 7036 Platinum Grey

Color Harmonies

Complementary

#687D73

#7D6872

Analogous

#687D68

#687D7D

#687D73

Triadic

#687D73

#73687D

#7D7368

Split Complementary

#687D73

#7D687D

#7D6868

Tetradic

#687D73

#68687D

#7D6872

#7D7D68

Color Blindness Simulation

Original

#687D73

Protanopia

#717175

Deuteranopia

#706E76

Tritanopia

#697778

Achromatopsia

#787878

CSS Usage

background-color: #687D73;
color: #687D73;
border-color: #687D73;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDB
300
#BCC7C2
400
#98A9A1
500
#748B80
600
#5D6F66
700
#4A5952
800
#3A4640
900
#2C3431
950
#1C211F

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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