#678682

#678682

Color Values

HEX

#678682

RGB

103, 134, 130

HSL

172.3, 13.1%, 46.5%

HSV

172.3, 23.1%, 52.5%

CMYK

23.1%, 0.0%, 3.0%, 47.5%

OKLCH

0.5951 0.0357 186.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#678682

#86676B

Analogous

#678673

#677B86

#678682

Triadic

#678682

#826786

#868267

Split Complementary

#678682

#86677B

#867367

Tetradic

#678682

#736786

#86676B

#7B8667

Color Blindness Simulation

Original

#678682

Protanopia

#747583

Deuteranopia

#737083

Tritanopia

#698484

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D7E0DF
300
#BACAC8
400
#94ADAA
500
#6F908C
600
#597370
700
#475C5A
800
#374846
900
#2B3635
950
#1B2221

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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