#689059

#689059

Color Values

HEX

#689059

RGB

104, 144, 89

HSL

103.6, 23.6%, 45.7%

HSV

103.6, 38.2%, 56.5%

CMYK

27.8%, 0.0%, 38.2%, 43.5%

OKLCH

0.6094 0.0914 137.5

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#689059

#815990

Analogous

#849059

#599066

#689059

Triadic

#689059

#596890

#905968

Split Complementary

#689059

#665990

#905984

Tetradic

#689059

#598490

#815990

#906659

Color Blindness Simulation

Original

#689059

Protanopia

#797A66

Deuteranopia

#77746A

Tritanopia

#6A7173

Achromatopsia

#848484

CSS Usage

background-color: #689059;
color: #689059;
border-color: #689059;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F7F9F6
100
#ECF1EA
200
#D7E4D3
300
#BBD0B3
400
#97B78A
500
#729E61
600
#5B7E4E
700
#49653E
800
#394F31
900
#2C3B26
950
#1C2518

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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