#689647

#689647

Color Values

HEX

#689647

RGB

104, 150, 71

HSL

94.9, 35.7%, 43.3%

HSV

94.9, 52.7%, 58.8%

CMYK

30.7%, 0.0%, 52.7%, 41.2%

OKLCH

0.6214 0.1203 133.7

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#689647

#754796

Analogous

#8F9647

#47964D

#689647

Triadic

#689647

#476896

#964768

Split Complementary

#689647

#4D4796

#96478F

Tetradic

#689647

#478F96

#754796

#964D47

Color Blindness Simulation

Original

#689647

Protanopia

#7C7C5A

Deuteranopia

#79765F

Tritanopia

#6A696D

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E8
200
#D9E8CF
300
#BED8AC
400
#9BC27F
500
#78AD52
600
#608A42
700
#4D6F34
800
#3C5729
900
#2E4021
950
#1D2815

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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