#687653

#687653

Color Values

HEX

#687653

RGB

104, 118, 83

HSL

84.0, 17.4%, 39.4%

HSV

84.0, 29.7%, 46.3%

CMYK

11.9%, 0.0%, 29.7%, 53.7%

OKLCH

0.5445 0.0547 125.9

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#687653

#615376

Analogous

#767253

#567653

#687653

Triadic

#687653

#536876

#765368

Split Complementary

#687653

#535676

#725376

Tetradic

#687653

#537672

#615376

#765356

Color Blindness Simulation

Original

#687653

Protanopia

#6E6E5B

Deuteranopia

#6D6C5E

Tritanopia

#696264

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DDE2D5
300
#C4CCB7
400
#A4B190
500
#849669
600
#6A7854
700
#546043
800
#424B35
900
#323829
950
#20231A

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

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