#688788

#688788

Color Values

HEX

#688788

RGB

104, 135, 136

HSL

181.9, 13.3%, 47.1%

HSV

181.9, 23.5%, 53.3%

CMYK

23.5%, 0.7%, 0.0%, 46.7%

OKLCH

0.6001 0.0351 198.7

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#688788

#886968

Analogous

#688879

#687788

#688788

Triadic

#688788

#886887

#878868

Split Complementary

#688788

#886877

#887968

Tetradic

#688788

#796888

#886968

#778868

Color Blindness Simulation

Original

#688788

Protanopia

#757688

Deuteranopia

#747188

Tritanopia

#6A8888

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D7E0E0
300
#BAC9CA
400
#94ACAD
500
#6F8F90
600
#587374
700
#475C5C
800
#374848
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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