#688439

#688439

Color Values

HEX

#688439

RGB

104, 132, 57

HSL

82.4, 39.7%, 37.1%

HSV

82.4, 56.8%, 51.8%

CMYK

21.2%, 0.0%, 56.8%, 48.2%

OKLCH

0.5744 0.1074 126.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#688439

#553984

Analogous

#847B39

#438439

#688439

Triadic

#688439

#396884

#843968

Split Complementary

#688439

#394384

#7B3984

Tetradic

#688439

#39847B

#553984

#843943

Color Blindness Simulation

Original

#688439

Protanopia

#74744B

Deuteranopia

#727050

Tritanopia

#69595D

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#DFE9CD
300
#C8DAAA
400
#AAC67B
500
#8CB24D
600
#708E3E
700
#5A7231
800
#465926
900
#35421F
950
#212A14

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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