#696043

#696043

Color Values

HEX

#696043

RGB

105, 96, 67

HSL

45.8, 22.1%, 33.7%

HSV

45.8, 36.2%, 41.2%

CMYK

0.0%, 8.6%, 36.2%, 58.8%

OKLCH

0.4897 0.0447 92.9

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#696043

#434C69

Analogous

#694D43

#5F6943

#696043

Triadic

#696043

#436960

#604369

Split Complementary

#696043

#435F69

#4D4369

Tetradic

#696043

#43694D

#434C69

#69435F

Color Blindness Simulation

Original

#696043

Protanopia

#65654A

Deuteranopia

#66664C

Tritanopia

#695051

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EFEA
200
#E3DFD3
300
#CFC9B4
400
#B6AC8C
500
#9C8E63
600
#7D724F
700
#645B40
800
#4E4732
900
#3A3627
950
#252219

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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