#68887C

#68887C

Color Values

HEX

#68887C

RGB

104, 136, 124

HSL

157.5, 13.3%, 47.1%

HSV

157.5, 23.5%, 53.3%

CMYK

23.5%, 0.0%, 8.8%, 46.7%

OKLCH

0.5986 0.0406 169.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#68887C

#886874

Analogous

#68886C

#688488

#68887C

Triadic

#68887C

#7C6888

#887C68

Split Complementary

#68887C

#886884

#886C68

Tetradic

#68887C

#6C6888

#886874

#848868

Color Blindness Simulation

Original

#68887C

Protanopia

#76767F

Deuteranopia

#747280

Tritanopia

#6A8182

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DC
300
#BACAC4
400
#94ADA4
500
#6F9084
600
#587469
700
#475C54
800
#374842
900
#2B3632
950
#1B2220

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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