#688000

#688000

Color Values

HEX

#688000

RGB

104, 128, 0

HSL

71.2, 100.0%, 25.1%

HSV

71.2, 100.0%, 50.2%

CMYK

18.8%, 0.0%, 100.0%, 49.8%

OKLCH

0.5605 0.1357 121.8

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#688000

#180080

Analogous

#805800

#288000

#688000

Triadic

#688000

#006880

#800068

Split Complementary

#688000

#002880

#580080

Tetradic

#688000

#008058

#180080

#800028

Color Blindness Simulation

Original

#688000

Protanopia

#72731F

Deuteranopia

#716F26

Tritanopia

#69373D

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FBFEF1
100
#F7FCDE
200
#F2FFB8
300
#E8FF85
400
#DCFF42
500
#CFFF00
600
#A6CC00
700
#85A300
800
#688000
900
#4C5C05
950
#303A03

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

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