#698640

#698640

Color Values

HEX

#698640

RGB

105, 134, 64

HSL

84.9, 35.4%, 38.8%

HSV

84.9, 52.2%, 52.5%

CMYK

21.6%, 0.0%, 52.2%, 47.5%

OKLCH

0.5811 0.1028 127.9

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#698640

#5D4086

Analogous

#868040

#468640

#698640

Triadic

#698640

#406986

#864069

Split Complementary

#698640

#404686

#804086

Tetradic

#698640

#408680

#5D4086

#864046

Color Blindness Simulation

Original

#698640

Protanopia

#767651

Deuteranopia

#747255

Tritanopia

#6A5E61

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DDE8CF
300
#C5D7AC
400
#A6C27F
500
#87AD52
600
#6C8A42
700
#576E35
800
#445629
900
#334021
950
#202815

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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