#696017

#696017

Color Values

HEX

#696017

RGB

105, 96, 23

HSL

53.4, 64.1%, 25.1%

HSV

53.4, 78.1%, 41.2%

CMYK

0.0%, 8.6%, 78.1%, 58.8%

OKLCH

0.4835 0.0909 102.1

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#696017

#172069

Analogous

#693717

#496917

#696017

Triadic

#696017

#176960

#601769

Split Complementary

#696017

#174969

#371769

Tetradic

#696017

#176937

#172069

#691749

Color Blindness Simulation

Original

#696017

Protanopia

#656529

Deuteranopia

#66662D

Tritanopia

#69373A

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F5E3
200
#F2EDC4
300
#E9E09B
400
#DDD064
500
#D1BF2E
600
#A79925
700
#867A1D
800
#696017
900
#4C4614
950
#302C0D

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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