#835F63

#835F63

Color Values

HEX

#835F63

RGB

131, 95, 99

HSL

353.3, 15.9%, 44.3%

HSV

353.3, 27.5%, 51.4%

CMYK

0.0%, 27.5%, 24.4%, 48.6%

OKLCH

0.524 0.0473 11.4

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#835F63

#5F837F

Analogous

#835F75

#836D5F

#835F63

Triadic

#835F63

#63835F

#5F6383

Split Complementary

#835F63

#5F836D

#5F7583

Tetradic

#835F63

#75835F

#5F837F

#6D5F83

Color Blindness Simulation

Original

#835F63

Protanopia

#737362

Deuteranopia

#767862

Tritanopia

#816161

Achromatopsia

#676767

CSS Usage

background-color: #835F63;
color: #835F63;
border-color: #835F63;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F6F7
100
#F0EBEB
200
#E1D6D7
300
#CCB8BA
400
#B09295
500
#946B70
600
#765659
700
#5F4548
800
#4A3638
900
#372A2B
950
#231A1B

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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