#696652

#696652

Color Values

HEX

#696652

RGB

105, 102, 82

HSL

52.2, 12.3%, 36.7%

HSV

52.2, 21.9%, 41.2%

CMYK

0.0%, 2.9%, 21.9%, 58.8%

OKLCH

0.5072 0.0306 100.3

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#696652

#525569

Analogous

#695B52

#616952

#696652

Triadic

#696652

#526966

#665269

Split Complementary

#696652

#526169

#5B5269

Tetradic

#696652

#52695B

#525569

#695261

Color Blindness Simulation

Original

#696652

Protanopia

#686857

Deuteranopia

#686858

Tritanopia

#695B5C

Achromatopsia

#656565

CSS Usage

background-color: #696652;
color: #696652;
border-color: #696652;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0DFD7
300
#C9C7BA
400
#ACA995
500
#8F8B70
600
#736F59
700
#5C5948
800
#484638
900
#36342B
950
#22211B

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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