#696534

#696534

Color Values

HEX

#696534

RGB

105, 101, 52

HSL

55.5, 33.8%, 30.8%

HSV

55.5, 50.5%, 41.2%

CMYK

0.0%, 3.8%, 50.5%, 58.8%

OKLCH

0.4987 0.0693 104.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#696534

#343869

Analogous

#694B34

#536934

#696534

Triadic

#696534

#346965

#653469

Split Complementary

#696534

#345369

#4B3469

Tetradic

#696534

#34694B

#343869

#693453

Color Blindness Simulation

Original

#696534

Protanopia

#676740

Deuteranopia

#686843

Tritanopia

#69494B

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F2F2E8
200
#E7E6CF
300
#D6D3AD
400
#C1BC81
500
#ABA454
600
#888344
700
#6D6936
800
#55522A
900
#3F3D22
950
#282715

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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