#696124

#696124

Color Values

HEX

#696124

RGB

105, 97, 36

HSL

53,0, 48,9%, 27,6%

HSV

53,0, 65,7%, 41,2%

CMYK

0,0%, 7,6%, 65,7%, 58,8%

OKLCH

0,4871 0,0816 101,9

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#696124

#242C69

Analogous

#693E24

#4E6924

#696124

Triadic

#696124

#246961

#612469

Split Complementary

#696124

#244E69

#3E2469

Tetradic

#696124

#24693E

#242C69

#69244E

Color Blindness Simulation

Original

#696124

Protanopia

#666533

Deuteranopia

#666736

Tritanopia

#693E41

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E6
200
#EDE9CA
300
#E0D9A4
400
#CFC473
500
#BEAF41
600
#988C34
700
#7A702A
800
#5F5821
900
#46411B
950
#2C2911

Contrast Checker

Text on white

6,29:1

AA Pass AAA Fail

Text on black

3,34: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