#688374

#688374

Color Values

HEX

#688374

RGB

104, 131, 116

HSL

146.7, 11.5%, 46.1%

HSV

146.7, 20.6%, 51.4%

CMYK

20.6%, 0.0%, 11.5%, 48.6%

OKLCH

0.5843 0.0386 160.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#688374

#836877

Analogous

#6A8368

#688382

#688374

Triadic

#688374

#746883

#837468

Split Complementary

#688374

#826883

#83686A

Tetradic

#688374

#686A83

#836877

#838268

Color Blindness Simulation

Original

#688374

Protanopia

#747478

Deuteranopia

#727078

Tritanopia

#697A7B

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7DFDB
300
#BBC9C1
400
#96AC9F
500
#718E7E
600
#5A7265
700
#485B51
800
#38473F
900
#2B3530
950
#1B221E

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026