#695733

#695733

Color Values

HEX

#695733

RGB

105, 87, 51

HSL

40.0, 34.6%, 30.6%

HSV

40.0, 51.4%, 41.2%

CMYK

0.0%, 17.1%, 51.4%, 58.8%

OKLCH

0.4659 0.0572 83.7

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#695733

#334569

Analogous

#693C33

#606933

#695733

Triadic

#695733

#336957

#573369

Split Complementary

#695733

#336069

#3C3369

Tetradic

#695733

#33693C

#334569

#693360

Color Blindness Simulation

Original

#695733

Protanopia

#61613C

Deuteranopia

#62643E

Tritanopia

#684344

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C9AD
400
#C1AC80
500
#AC8E53
600
#897243
700
#6E5B35
800
#56472A
900
#403521
950
#282215

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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