#695950

#695950

Color Values

HEX

#695950

RGB

105, 89, 80

HSL

21.6, 13.5%, 36.3%

HSV

21.6, 23.8%, 41.2%

CMYK

0.0%, 15.2%, 23.8%, 58.8%

OKLCH

0.477 0.0254 51.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#695950

#506069

Analogous

#695054

#696650

#695950

Triadic

#695950

#506959

#595069

Split Complementary

#695950

#506966

#505469

Tetradic

#695950

#546950

#506069

#665069

Color Blindness Simulation

Original

#695950

Protanopia

#626252

Deuteranopia

#636453

Tritanopia

#685454

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DAD6
300
#CABFBA
400
#AD9D94
500
#917B6E
600
#746258
700
#5D4F47
800
#483D37
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

6.68:1

AA Pass AAA Fail

Text on black

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