#688960

#688960

Color Values

HEX

#688960

RGB

104, 137, 96

HSL

108.3, 17.6%, 45.7%

HSV

108.3, 29.9%, 53.7%

CMYK

24.1%, 0.0%, 29.9%, 46.3%

OKLCH

0.5937 0.0714 139.6

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#688960

#816089

Analogous

#7D8960

#60896D

#688960

Triadic

#688960

#606889

#896068

Split Complementary

#688960

#6D6089

#89607D

Tetradic

#688960

#607D89

#816089

#896D60

Color Blindness Simulation

Original

#688960

Protanopia

#76776A

Deuteranopia

#74726C

Tritanopia

#6A7273

Achromatopsia

#7F7F7F

CSS Usage

background-color: #688960;
color: #688960;
border-color: #688960;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F8F6
100
#ECF0EA
200
#D7E2D5
300
#BBCDB7
400
#97B190
500
#729669
600
#5B7854
700
#496043
800
#394B35
900
#2C3829
950
#1C231A

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass 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