#687D02

#687D02

Color Values

HEX

#687D02

RGB

104, 125, 2

HSL

70.2, 96.9%, 24.9%

HSV

70.2, 98.4%, 49.0%

CMYK

16.8%, 0.0%, 98.4%, 51.0%

OKLCH

0.553 0.1316 120.7

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#687D02

#17027D

Analogous

#7D5402

#2B7D02

#687D02

Triadic

#687D02

#02687D

#7D0268

Split Complementary

#687D02

#022B7D

#54027D

Tetradic

#687D02

#027D54

#17027D

#7D022B

Color Blindness Simulation

Original

#687D02

Protanopia

#717120

Deuteranopia

#706E27

Tritanopia

#69373C

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F7FCDE
200
#F2FEB9
300
#E9FD86
400
#DDFC45
500
#D1FB04
600
#A7C903
700
#86A103
800
#697E02
900
#4C5B06
950
#303904

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026