#695F57

#695F57

Color Values

HEX

#695F57

RGB

105, 95, 87

HSL

26.7, 9.4%, 37.6%

HSV

26.7, 17.1%, 41.2%

CMYK

0.0%, 9.5%, 17.1%, 58.8%

OKLCH

0.4925 0.018 61.1

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#695F57

#576169

Analogous

#695758

#696857

#695F57

Triadic

#695F57

#57695F

#5F5769

Split Complementary

#695F57

#576968

#575869

Tetradic

#695F57

#586957

#576169

#685769

Color Blindness Simulation

Original

#695F57

Protanopia

#656559

Deuteranopia

#656659

Tritanopia

#685A5B

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD8
300
#C8C1BC
400
#AAA098
500
#8B7E74
600
#70655C
700
#59514A
800
#463F3A
900
#35302C
950
#211E1C

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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