#688682

#688682

Color Values

HEX

#688682

RGB

104, 134, 130

HSL

172.0, 12.6%, 46.7%

HSV

172.0, 22.4%, 52.5%

CMYK

22.4%, 0.0%, 3.0%, 47.5%

OKLCH

0.5957 0.0346 186.3

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#688682

#86686C

Analogous

#688673

#687B86

#688682

Triadic

#688682

#826886

#868268

Split Complementary

#688682

#86687B

#867368

Tetradic

#688682

#736886

#86686C

#7B8668

Color Blindness Simulation

Original

#688682

Protanopia

#757583

Deuteranopia

#737183

Tritanopia

#6A8484

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0DF
300
#BACAC7
400
#95ADA9
500
#6F908B
600
#59736F
700
#475C59
800
#384846
900
#2B3634
950
#1B2221

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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