#668024

#668024

Color Values

HEX

#668024

RGB

102, 128, 36

HSL

77.0, 56.1%, 32.2%

HSV

77.0, 71.9%, 50.2%

CMYK

20.3%, 0.0%, 71.9%, 49.8%

OKLCH

0.5607 0.1209 124.0

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#668024

#3E2480

Analogous

#806C24

#388024

#668024

Triadic

#668024

#246680

#802466

Split Complementary

#668024

#243880

#6C2480

Tetradic

#668024

#24806C

#3E2480

#802438

Color Blindness Simulation

Original

#668024

Protanopia

#71713A

Deuteranopia

#706E40

Tritanopia

#674C50

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F6E5
200
#E4EFC7
300
#D1E49F
400
#B8D66C
500
#9EC738
600
#7F9F2D
700
#657F24
800
#4F641C
900
#3B4918
950
#252E0F

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.68:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026