#688221

#688221

Color Values

HEX

#688221

RGB

104, 130, 33

HSL

76.1, 59.5%, 32.0%

HSV

76.1, 74.6%, 51.0%

CMYK

20.0%, 0.0%, 74.6%, 49.0%

OKLCH

0.567 0.1246 123.6

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#688221

#3B2182

Analogous

#826C21

#388221

#688221

Triadic

#688221

#216882

#822168

Split Complementary

#688221

#213882

#6C2182

Tetradic

#688221

#21826C

#3B2182

#822138

Color Blindness Simulation

Original

#688221

Protanopia

#737338

Deuteranopia

#72703E

Tritanopia

#694B4F

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9FBF3
100
#F1F6E4
200
#E5F1C6
300
#D3E69D
400
#BBD969
500
#A3CB34
600
#82A329
700
#688221
800
#51661A
900
#3C4A17
950
#262F0E

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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