#687342

#687342

Color Values

HEX

#687342

RGB

104, 115, 66

HSL

73.5, 27.1%, 35.5%

HSV

73.5, 42.6%, 45.1%

CMYK

9.6%, 0.0%, 42.6%, 54.9%

OKLCH

0.5338 0.0718 119.2

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#687342

#4D4273

Analogous

#736642

#4F7342

#687342

Triadic

#687342

#426873

#734268

Split Complementary

#687342

#424F73

#664273

Tetradic

#687342

#427366

#4D4273

#73424F

Color Blindness Simulation

Original

#687342

Protanopia

#6D6D4E

Deuteranopia

#6C6B51

Tritanopia

#695759

Achromatopsia

#6D6D6D

CSS Usage

background-color: #687342;
color: #687342;
border-color: #687342;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E1E5D2
300
#CBD2B1
400
#AFBA87
500
#93A25D
600
#75824A
700
#5E683B
800
#49512E
900
#373C25
950
#232617

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

4.12:1

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