#689130

#689130

Color Values

HEX

#689130

RGB

104, 145, 48

HSL

85.4, 50.3%, 37.8%

HSV

85.4, 66.9%, 56.9%

CMYK

28.3%, 0.0%, 66.9%, 43.1%

OKLCH

0.6061 0.1338 129.3

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#689130

#593091

Analogous

#918930

#379130

#689130

Triadic

#689130

#306891

#913068

Split Complementary

#689130

#303791

#893091

Tetradic

#689130

#309189

#593091

#913037

Color Blindness Simulation

Original

#689130

Protanopia

#7A7A47

Deuteranopia

#77744D

Tritanopia

#6A5A5E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DEEDC9
300
#C7E1A3
400
#A8D071
500
#89C03F
600
#6E9933
700
#587B29
800
#456020
900
#34461B
950
#212C11

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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