#668029

#668029

Color Values

HEX

#668029

RGB

102, 128, 41

HSL

77.9, 51.5%, 33.1%

HSV

77.9, 68.0%, 50.2%

CMYK

20.3%, 0.0%, 68.0%, 49.8%

OKLCH

0.5612 0.1171 124.4

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#668029

#432980

Analogous

#806E29

#3A8029

#668029

Triadic

#668029

#296680

#802966

Split Complementary

#668029

#293A80

#6E2980

Tetradic

#668029

#29806E

#432980

#80293A

Color Blindness Simulation

Original

#668029

Protanopia

#71713E

Deuteranopia

#706E43

Tritanopia

#674F52

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F0F5E5
200
#E3EEC9
300
#CFE1A2
400
#B4D170
500
#9AC13E
600
#7B9B31
700
#637C28
800
#4D611F
900
#3A471A
950
#242D10

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.68:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026