#668E2F

#668E2F

Color Values

HEX

#668E2F

RGB

102, 142, 47

HSL

85.3, 50.3%, 37.1%

HSV

85.3, 66.9%, 55.7%

CMYK

28.2%, 0.0%, 66.9%, 44.3%

OKLCH

0.5971 0.1315 129.3

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#668E2F

#572F8E

Analogous

#8E872F

#368E2F

#668E2F

Triadic

#668E2F

#2F668E

#8E2F66

Split Complementary

#668E2F

#2F368E

#872F8E

Tetradic

#668E2F

#2F8E87

#572F8E

#8E2F36

Color Blindness Simulation

Original

#668E2F

Protanopia

#777846

Deuteranopia

#75724C

Tritanopia

#68585C

Achromatopsia

#7F7F7F

CSS Usage

background-color: #668E2F;
color: #668E2F;
border-color: #668E2F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DEEDC9
300
#C7E1A3
400
#A8D071
500
#8AC03F
600
#6E9933
700
#587B29
800
#456020
900
#34461B
950
#212C11

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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