#83685F

#83685F

Color Values

HEX

#83685F

RGB

131, 104, 95

HSL

15.0, 15.9%, 44.3%

HSV

15.0, 27.5%, 51.4%

CMYK

0.0%, 20.6%, 27.5%, 48.6%

OKLCH

0.5413 0.0375 39.2

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#83685F

#5F7A83

Analogous

#835F68

#837A5F

#83685F

Triadic

#83685F

#5F8368

#685F83

Split Complementary

#83685F

#5F837A

#5F6883

Tetradic

#83685F

#68835F

#5F7A83

#7A5F83

Color Blindness Simulation

Original

#83685F

Protanopia

#777761

Deuteranopia

#797B62

Tritanopia

#826363

Achromatopsia

#6D6D6D

CSS Usage

background-color: #83685F;
color: #83685F;
border-color: #83685F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D8D6
300
#CCBDB8
400
#B09992
500
#94756B
600
#765E56
700
#5F4B45
800
#4A3B36
900
#372D2A
950
#231C1A

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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