#689F38

#689F38

Color Values

HEX

#689F38

RGB

104, 159, 56

HSL

92.0, 47.9%, 42.2%

HSV

92.0, 64.8%, 62.4%

CMYK

34.6%, 0.0%, 64.8%, 37.6%

OKLCH

0.6423 0.1467 133.0

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#689F38

#6F389F

Analogous

#9C9F38

#389F3C

#689F38

Triadic

#689F38

#38689F

#9F3868

Split Complementary

#689F38

#3C389F

#9F389C

Tetradic

#689F38

#389C9F

#6F389F

#9F3C38

Color Blindness Simulation

Original

#689F38

Protanopia

#808051

Deuteranopia

#7D7857

Tritanopia

#6B6569

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EDF4E6
200
#DAECCA
300
#C0DFA4
400
#9ECE73
500
#7BBD42
600
#639735
700
#4F792B
800
#3E5E21
900
#2F451C
950
#1E2C11

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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