#668682

#668682

Color Values

HEX

#668682

RGB

102, 134, 130

HSL

172.5, 13.6%, 46.3%

HSV

172.5, 23.9%, 52.5%

CMYK

23.9%, 0.0%, 3.0%, 47.5%

OKLCH

0.5944 0.0367 186.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#668682

#86666A

Analogous

#668672

#667A86

#668682

Triadic

#668682

#826686

#868266

Split Complementary

#668682

#86667A

#867266

Tetradic

#668682

#726686

#86666A

#7A8666

Color Blindness Simulation

Original

#668682

Protanopia

#747483

Deuteranopia

#727083

Tritanopia

#688484

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0DF
300
#B9CAC8
400
#94ADAA
500
#6E918D
600
#587470
700
#475D5A
800
#374846
900
#2B3635
950
#1B2221

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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