#688746

#688746

Color Values

HEX

#688746

RGB

104, 135, 70

HSL

88.6, 31.7%, 40.2%

HSV

88.6, 48.1%, 52.9%

CMYK

23.0%, 0.0%, 48.1%, 47.1%

OKLCH

0.5838 0.0984 129.9

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#688746

#654687

Analogous

#878546

#488746

#688746

Triadic

#688746

#466887

#874668

Split Complementary

#688746

#464887

#854687

Tetradic

#688746

#468785

#654687

#874648

Color Blindness Simulation

Original

#688746

Protanopia

#757656

Deuteranopia

#74715A

Tritanopia

#6A6265

Achromatopsia

#7C7C7C

CSS Usage

background-color: #688746;
color: #688746;
border-color: #688746;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7F9F5
100
#EDF2E8
200
#DCE7D0
300
#C3D5AE
400
#A2BF83
500
#81A857
600
#688646
700
#536B38
800
#41542C
900
#313E23
950
#1F2716

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.14:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026