#695342

#695342

Color Values

HEX

#695342

RGB

105, 83, 66

HSL

26.2, 22.8%, 33.5%

HSV

26.2, 37.1%, 41.2%

CMYK

0.0%, 21.0%, 37.1%, 58.8%

OKLCH

0.4601 0.0395 59.3

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#695342

#425869

Analogous

#694244

#696642

#695342

Triadic

#695342

#426953

#534269

Split Complementary

#695342

#426966

#424469

Tetradic

#695342

#446942

#425869

#664269

Color Blindness Simulation

Original

#695342

Protanopia

#5F5F46

Deuteranopia

#616247

Tritanopia

#68494A

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E3DAD3
300
#D0C0B4
400
#B69E8B
500
#9D7C62
600
#7D634F
700
#644F3F
800
#4E3E31
900
#3A2F27
950
#251E18

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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