#668D6C

#668D6C

Color Values

HEX

#668D6C

RGB

102, 141, 108

HSL

129.2, 16.0%, 47.6%

HSV

129.2, 27.7%, 55.3%

CMYK

27.7%, 0.0%, 23.4%, 44.7%

OKLCH

0.605 0.0659 148.8

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#668D6C

#8D6687

Analogous

#738D66

#668D7F

#668D6C

Triadic

#668D6C

#6C668D

#8D6C66

Split Complementary

#668D6C

#7F668D

#8D6673

Tetradic

#668D6C

#66738D

#8D6687

#8D7F66

Color Blindness Simulation

Original

#668D6C

Protanopia

#777774

Deuteranopia

#757276

Tritanopia

#687A7C

Achromatopsia

#828282

CSS Usage

background-color: #668D6C;
color: #668D6C;
border-color: #668D6C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F8F7
100
#EBF0EB
200
#D6E1D7
300
#B8CCBB
400
#92B096
500
#6B9471
600
#56765B
700
#455F49
800
#364A39
900
#29372C
950
#1A231C

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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