#698740

#698740

Color Values

HEX

#698740

RGB

105, 135, 64

HSL

85.4, 35.7%, 39.0%

HSV

85.4, 52.6%, 52.9%

CMYK

22.2%, 0.0%, 52.6%, 47.1%

OKLCH

0.5836 0.1043 128.2

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#698740

#5E4087

Analogous

#878240

#458740

#698740

Triadic

#698740

#406987

#874069

Split Complementary

#698740

#404587

#824087

Tetradic

#698740

#408782

#5E4087

#874045

Color Blindness Simulation

Original

#698740

Protanopia

#767651

Deuteranopia

#747255

Tritanopia

#6A5F62

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE8CF
300
#C5D8AC
400
#A6C27F
500
#86AD52
600
#6C8A42
700
#566F34
800
#435729
900
#334021
950
#202815

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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