#696429

#696429

Color Values

HEX

#696429

RGB

105, 100, 41

HSL

55.3, 43.8%, 28.6%

HSV

55.3, 61.0%, 41.2%

CMYK

0.0%, 4.8%, 61.0%, 58.8%

OKLCH

0.4948 0.08 104.4

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#696429

#292E69

Analogous

#694429

#4E6929

#696429

Triadic

#696429

#296964

#642969

Split Complementary

#696429

#294E69

#442969

Tetradic

#696429

#296944

#292E69

#69294E

Color Blindness Simulation

Original

#696429

Protanopia

#676737

Deuteranopia

#67683B

Tritanopia

#694345

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EBE8CC
300
#DDD8A7
400
#CAC477
500
#B7AF48
600
#938C39
700
#75702E
800
#5C5724
900
#44411D
950
#2B2913

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026