#668979

#668979

Color Values

HEX

#668979

RGB

102, 137, 121

HSL

152.6, 14.6%, 46.9%

HSV

152.6, 25.5%, 53.7%

CMYK

25.5%, 0.0%, 11.7%, 46.3%

OKLCH

0.5988 0.0463 165.1

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#668979

#896676

Analogous

#668968

#668889

#668979

Triadic

#668979

#796689

#897966

Split Complementary

#668979

#896688

#896866

Tetradic

#668979

#686689

#896676

#888966

Color Blindness Simulation

Original

#668979

Protanopia

#75757D

Deuteranopia

#73707E

Tritanopia

#688081

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DC
300
#B9CBC3
400
#93AEA2
500
#6D9281
600
#577567
700
#465E53
800
#364941
900
#2A3731
950
#1B231F

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026