#696922

#696922

Color Values

HEX

#696922

RGB

105, 105, 34

HSL

60.0, 51.1%, 27.3%

HSV

60.0, 67.6%, 41.2%

CMYK

0.0%, 0.0%, 67.6%, 58.8%

OKLCH

0.5061 0.0921 109.3

Properties

Warm Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#696922

#222269

Analogous

#694622

#466922

#696922

Triadic

#696922

#226969

#692269

Split Complementary

#696922

#224669

#462269

Tetradic

#696922

#226946

#222269

#692246

Color Blindness Simulation

Original

#696922

Protanopia

#696933

Deuteranopia

#696937

Tritanopia

#694144

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EEEEC9
300
#E1E1A3
400
#D1D170
500
#C1C13E
600
#9A9A32
700
#7B7B28
800
#60601F
900
#47471A
950
#2D2D11

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

3.64:1

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