#696A1C

#696A1C

Color Values

HEX

#696A1C

RGB

105, 106, 28

HSL

60.8, 58.2%, 26.3%

HSV

60.8, 73.6%, 41.6%

CMYK

0.9%, 0.0%, 73.6%, 58.4%

OKLCH

0.508 0.0979 110.2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#696A1C

#1D1C6A

Analogous

#6A441C

#426A1C

#696A1C

Triadic

#696A1C

#1C696A

#6A1C69

Split Complementary

#696A1C

#1C426A

#441C6A

Tetradic

#696A1C

#1C6A44

#1D1C6A

#6A1C42

Color Blindness Simulation

Original

#696A1C

Protanopia

#69692F

Deuteranopia

#696933

Tritanopia

#693E41

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0F0C7
300
#E4E59E
400
#D6D86A
500
#C8CA35
600
#A0A12B
700
#808122
800
#64651B
900
#494A17
950
#2E2F0F

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026