#668222

#668222

Color Values

HEX

#668222

RGB

102, 130, 34

HSL

77.5, 58.5%, 32.2%

HSV

77.5, 73.8%, 51.0%

CMYK

21.5%, 0.0%, 73.8%, 49.0%

OKLCH

0.5656 0.1249 124.6

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#668222

#3E2282

Analogous

#826E22

#368222

#668222

Triadic

#668222

#226682

#822266

Split Complementary

#668222

#223682

#6E2282

Tetradic

#668222

#22826E

#3E2282

#822236

Color Blindness Simulation

Original

#668222

Protanopia

#727239

Deuteranopia

#706E3F

Tritanopia

#674C50

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F6E4
200
#E4F0C6
300
#D1E69E
400
#B8D869
500
#9FCA35
600
#7FA22A
700
#658122
800
#4F651A
900
#3B4A17
950
#252F0E

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026