#688979

#688979

Color Values

HEX

#688979

RGB

104, 137, 121

HSL

150.9, 13.7%, 47.3%

HSV

150.9, 24.1%, 53.7%

CMYK

24.1%, 0.0%, 11.7%, 46.3%

OKLCH

0.6001 0.0445 163.8

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#688979

#896878

Analogous

#688969

#688989

#688979

Triadic

#688979

#796889

#897968

Split Complementary

#688979

#896889

#896968

Tetradic

#688979

#696889

#896878

#898968

Color Blindness Simulation

Original

#688979

Protanopia

#76777D

Deuteranopia

#74727E

Tritanopia

#6A8081

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E0DB
300
#B9CAC2
400
#94AEA1
500
#6E9180
600
#587466
700
#465D52
800
#374840
900
#2A3631
950
#1B221F

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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