#696343

#696343

Color Values

HEX

#696343

RGB

105, 99, 67

HSL

50.5, 22.1%, 33.7%

HSV

50.5, 36.2%, 41.2%

CMYK

0.0%, 5.7%, 36.2%, 58.8%

OKLCH

0.4967 0.048 98.8

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#696343

#434969

Analogous

#695043

#5C6943

#696343

Triadic

#696343

#436963

#634369

Split Complementary

#696343

#435C69

#504369

Tetradic

#696343

#436950

#434969

#69435C

Color Blindness Simulation

Original

#696343

Protanopia

#66664B

Deuteranopia

#67674D

Tritanopia

#695152

Achromatopsia

#626262

CSS Usage

background-color: #696343;
color: #696343;
border-color: #696343;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E3E1D3
300
#CFCBB4
400
#B6AF8C
500
#9C9363
600
#7D754F
700
#645E40
800
#4E4932
900
#3A3727
950
#252319

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

3.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026