#695C48

#695C48

Color Values

HEX

#695C48

RGB

105, 92, 72

HSL

36.4, 18.6%, 34.7%

HSV

36.4, 31.4%, 41.2%

CMYK

0.0%, 12.4%, 31.4%, 58.8%

OKLCH

0.4817 0.0348 78.4

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#695C48

#485569

Analogous

#694C48

#656948

#695C48

Triadic

#695C48

#48695C

#5C4869

Split Complementary

#695C48

#486569

#4C4869

Tetradic

#695C48

#48694C

#485569

#694865

Color Blindness Simulation

Original

#695C48

Protanopia

#63634D

Deuteranopia

#64654E

Tritanopia

#685152

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DDD5
300
#CDC4B6
400
#B2A48F
500
#978568
600
#796A53
700
#615542
800
#4C4234
900
#393228
950
#242019

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

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