#668679

#668679

Color Values

HEX

#668679

RGB

102, 134, 121

HSL

155.6, 13.6%, 46.3%

HSV

155.6, 23.9%, 52.5%

CMYK

23.9%, 0.0%, 9.7%, 47.5%

OKLCH

0.5916 0.0414 168.1

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#668679

#866673

Analogous

#668669

#668386

#668679

Triadic

#668679

#796686

#867966

Split Complementary

#668679

#866683

#866966

Tetradic

#668679

#696686

#866673

#838666

Color Blindness Simulation

Original

#668679

Protanopia

#74747C

Deuteranopia

#72707D

Tritanopia

#687F7F

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DC
300
#B9CAC3
400
#94ADA3
500
#6E9183
600
#587469
700
#475D54
800
#374841
900
#2B3632
950
#1B221F

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

5.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026