#696D19

#696D19

Color Values

HEX

#696D19

RGB

105, 109, 25

HSL

62.9, 62.7%, 26.3%

HSV

62.9, 77.1%, 42.7%

CMYK

3.7%, 0.0%, 77.1%, 57.3%

OKLCH

0.5151 0.1033 112.3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#696D19

#1D196D

Analogous

#6D4719

#3F6D19

#696D19

Triadic

#696D19

#19696D

#6D1969

Split Complementary

#696D19

#193F6D

#47196D

Tetradic

#696D19

#196D47

#1D196D

#6D193F

Color Blindness Simulation

Original

#696D19

Protanopia

#6B6B2D

Deuteranopia

#6A6A32

Tritanopia

#693D41

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#F0F2C5
300
#E4E89B
400
#D6DC65
500
#C8CF30
600
#A0A626
700
#80851E
800
#646818
900
#494C15
950
#2E300D

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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