#689C07

#689C07

Color Values

HEX

#689C07

RGB

104, 156, 7

HSL

80.9, 91.4%, 32.0%

HSV

80.9, 95.5%, 61.2%

CMYK

33.3%, 0.0%, 95.5%, 38.8%

OKLCH

0.6319 0.1669 129.5

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#689C07

#3B079C

Analogous

#9C8607

#1E9C07

#689C07

Triadic

#689C07

#07689C

#9C0768

Split Complementary

#689C07

#071E9C

#86079C

Tetradic

#689C07

#079C86

#3B079C

#9C071E

Color Blindness Simulation

Original

#689C07

Protanopia

#7F7F2B

Deuteranopia

#7C7834

Tritanopia

#6B484E

Achromatopsia

#868686

CSS Usage

background-color: #689C07;
color: #689C07;
border-color: #689C07;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F9FDF1
100
#F1FBDF
200
#E5FCBB
300
#D3FA8A
400
#BBF74A
500
#A3F40B
600
#82C309
700
#689C07
800
#517A05
900
#3D5809
950
#263805

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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