#83696F

#83696F

Color Values

HEX

#83696F

RGB

131, 105, 111

HSL

346.2, 11.0%, 46.3%

HSV

346.2, 19.8%, 51.4%

CMYK

0.0%, 19.8%, 15.3%, 48.6%

OKLCH

0.5481 0.0342 2.8

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#83696F

#69837D

Analogous

#83697C

#837069

#83696F

Triadic

#83696F

#6F8369

#696F83

Split Complementary

#83696F

#698370

#697C83

Tetradic

#83696F

#7C8369

#69837D

#706983

Color Blindness Simulation

Original

#83696F

Protanopia

#78786E

Deuteranopia

#797B6D

Tritanopia

#826C6C

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#DFD7D9
300
#C9BBBE
400
#AB969B
500
#8E7178
600
#715B60
700
#5B494D
800
#47393C
900
#352C2E
950
#221C1D

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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