#695F59

#695F59

Color Values

HEX

#695F59

RGB

105, 95, 89

HSL

22.5, 8.2%, 38.0%

HSV

22.5, 15.2%, 41.2%

CMYK

0.0%, 9.5%, 15.2%, 58.8%

OKLCH

0.4931 0.016 53.1

Properties

Warm Dark Nearest: RAL 7039 Quartz Grey

Color Harmonies

Complementary

#695F59

#596369

Analogous

#69595B

#696759

#695F59

Triadic

#695F59

#59695F

#5F5969

Split Complementary

#695F59

#596967

#595B69

Tetradic

#695F59

#5B6959

#596369

#675969

Color Blindness Simulation

Original

#695F59

Protanopia

#65655A

Deuteranopia

#65665B

Tritanopia

#685C5C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDBD8
300
#C7C1BD
400
#A89F99
500
#8A7D75
600
#6E645E
700
#58504B
800
#453E3B
900
#34302D
950
#211E1C

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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