#695250

#695250

Color Values

HEX

#695250

RGB

105, 82, 80

HSL

4.8, 13.5%, 36.3%

HSV

4.8, 23.8%, 41.2%

CMYK

0.0%, 21.9%, 23.8%, 58.8%

OKLCH

0.4617 0.0311 24.1

Properties

Warm Dark Nearest: RAL 1035 Pearl Beige

Color Harmonies

Complementary

#695250

#506769

Analogous

#69505B

#695F50

#695250

Triadic

#695250

#506952

#525069

Split Complementary

#695250

#50695F

#505B69

Tetradic

#695250

#5B6950

#506769

#5F5069

Color Blindness Simulation

Original

#695250

Protanopia

#5F5F50

Deuteranopia

#606251

Tritanopia

#685151

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEBEB
200
#E0D7D6
300
#CABBBA
400
#AD9694
500
#91716E
600
#745A58
700
#5D4847
800
#483937
900
#362C2B
950
#221B1B

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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