#688880

#688880

Color Values

HEX

#688880

RGB

104, 136, 128

HSL

165.0, 13.3%, 47.1%

HSV

165.0, 23.5%, 53.3%

CMYK

23.5%, 0.0%, 5.9%, 46.7%

OKLCH

0.5998 0.0382 177.9

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#688880

#886870

Analogous

#688870

#688088

#688880

Triadic

#688880

#806888

#888068

Split Complementary

#688880

#886880

#887068

Tetradic

#688880

#706888

#886870

#808868

Color Blindness Simulation

Original

#688880

Protanopia

#767682

Deuteranopia

#747282

Tritanopia

#6A8384

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DE
300
#BACAC6
400
#94ADA7
500
#6F9088
600
#58746D
700
#475C57
800
#374844
900
#2B3633
950
#1B2220

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026