#695C49

#695C49

Color Values

HEX

#695C49

RGB

105, 92, 73

HSL

35.6, 18.0%, 34.9%

HSV

35.6, 30.5%, 41.2%

CMYK

0.0%, 12.4%, 30.5%, 58.8%

OKLCH

0.4819 0.0336 77.2

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#695C49

#495669

Analogous

#694C49

#666949

#695C49

Triadic

#695C49

#49695C

#5C4969

Split Complementary

#695C49

#496669

#4C4969

Tetradic

#695C49

#49694C

#495669

#694966

Color Blindness Simulation

Original

#695C49

Protanopia

#63634E

Deuteranopia

#64654F

Tritanopia

#685152

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DCD5
300
#CDC4B7
400
#B2A490
500
#968469
600
#786954
700
#605443
800
#4B4234
900
#383229
950
#24201A

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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