#688341

#688341

Color Values

HEX

#688341

RGB

104, 131, 65

HSL

84.5, 33.7%, 38.4%

HSV

84.5, 50.4%, 51.4%

CMYK

20.6%, 0.0%, 50.4%, 48.6%

OKLCH

0.5731 0.0976 127.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#688341

#5C4183

Analogous

#837D41

#478341

#688341

Triadic

#688341

#416883

#834168

Split Complementary

#688341

#414783

#7D4183

Tetradic

#688341

#41837D

#5C4183

#834147

Color Blindness Simulation

Original

#688341

Protanopia

#747451

Deuteranopia

#727055

Tritanopia

#695E60

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DEE7CF
300
#C6D6AD
400
#A6C081
500
#87AA55
600
#6C8844
700
#576D36
800
#44552A
900
#333F22
950
#202815

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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