#687022

#687022

Color Values

HEX

#687022

RGB

104, 112, 34

HSL

66.2, 53.4%, 28.6%

HSV

66.2, 69.6%, 43.9%

CMYK

7.1%, 0.0%, 69.6%, 56.1%

OKLCH

0.5223 0.1008 115.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#687022

#2A2270

Analogous

#705122

#417022

#687022

Triadic

#687022

#226870

#702268

Split Complementary

#687022

#224170

#512270

Tetradic

#687022

#227051

#2A2270

#702241

Color Blindness Simulation

Original

#687022

Protanopia

#6B6C35

Deuteranopia

#6B6A39

Tritanopia

#684447

Achromatopsia

#696969

CSS Usage

background-color: #687022;
color: #687022;
border-color: #687022;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EAEEC8
300
#DCE2A1
400
#C9D36E
500
#B6C43B
600
#919C30
700
#747D26
800
#5B621E
900
#434819
950
#2A2D10

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail 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