#687F69

#687F69

Color Values

HEX

#687F69

RGB

104, 127, 105

HSL

122.6, 10.0%, 45.3%

HSV

122.6, 18.1%, 49.8%

CMYK

18.1%, 0.0%, 17.3%, 50.2%

OKLCH

0.5716 0.0428 146.1

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#687F69

#7F687E

Analogous

#737F68

#687F75

#687F69

Triadic

#687F69

#69687F

#7F6968

Split Complementary

#687F69

#75687F

#7F6873

Tetradic

#687F69

#68737F

#7F687E

#7F7568

Color Blindness Simulation

Original

#687F69

Protanopia

#72726E

Deuteranopia

#716F70

Tritanopia

#697373

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD8
300
#BCC8BC
400
#97AA98
500
#738C74
600
#5C705D
700
#495A4A
800
#39463A
900
#2C352C
950
#1C211C

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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