#696D17

#696D17

Color Values

HEX

#696D17

RGB

105, 109, 23

HSL

62.8, 65.2%, 25.9%

HSV

62.8, 78.9%, 42.7%

CMYK

3.7%, 0.0%, 78.9%, 57.3%

OKLCH

0.5149 0.1045 112.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#696D17

#1B176D

Analogous

#6D4617

#3E6D17

#696D17

Triadic

#696D17

#17696D

#6D1769

Split Complementary

#696D17

#173E6D

#46176D

Tetradic

#696D17

#176D46

#1B176D

#6D173E

Color Blindness Simulation

Original

#696D17

Protanopia

#6B6B2C

Deuteranopia

#6A6A31

Tritanopia

#693C40

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F0F3C4
300
#E6EA9A
400
#D8DE63
500
#CBD32C
600
#A2A923
700
#82871C
800
#656916
900
#4A4D14
950
#2F310D

Contrast Checker

Text on white

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