#678880

#678880

Color Values

HEX

#678880

RGB

103, 136, 128

HSL

165.5, 13.8%, 46.9%

HSV

165.5, 24.3%, 53.3%

CMYK

24.3%, 0.0%, 5.9%, 46.7%

OKLCH

0.5992 0.0392 178.4

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#678880

#88676F

Analogous

#678870

#678088

#678880

Triadic

#678880

#806788

#888067

Split Complementary

#678880

#886780

#887067

Tetradic

#678880

#706788

#88676F

#808867

Color Blindness Simulation

Original

#678880

Protanopia

#757682

Deuteranopia

#737182

Tritanopia

#698384

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DE
300
#B9CAC6
400
#94AEA7
500
#6E9189
600
#58746D
700
#465D57
800
#374944
900
#2A3634
950
#1B2221

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