#695754

#695754

Color Values

HEX

#695754

RGB

105, 87, 84

HSL

8.6, 11.1%, 37.1%

HSV

8.6, 20.0%, 41.2%

CMYK

0.0%, 17.1%, 20.0%, 58.8%

OKLCH

0.4738 0.0243 29.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#695754

#546669

Analogous

#69545C

#696254

#695754

Triadic

#695754

#546957

#575469

Split Complementary

#695754

#546962

#545C69

Tetradic

#695754

#5C6954

#546669

#625469

Color Blindness Simulation

Original

#695754

Protanopia

#616155

Deuteranopia

#626455

Tritanopia

#685555

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#DFD8D7
300
#C9BDBB
400
#AB9996
500
#8E7571
600
#715E5B
700
#5B4B49
800
#473B39
900
#352D2C
950
#221C1C

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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