#877863

#877863

Color Values

HEX

#877863

RGB

135, 120, 99

HSL

35.0, 15.4%, 45.9%

HSV

35.0, 26.7%, 52.9%

CMYK

0.0%, 11.1%, 26.7%, 47.1%

OKLCH

0.5806 0.036 76.2

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#877863

#637287

Analogous

#876663

#848763

#877863

Triadic

#877863

#638778

#786387

Split Complementary

#877863

#638487

#666387

Tetradic

#877863

#638766

#637287

#876384

Color Blindness Simulation

Original

#877863

Protanopia

#818068

Deuteranopia

#818269

Tritanopia

#866C6D

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E1DCD6
300
#CBC3B8
400
#AFA392
500
#93836C
600
#766956
700
#5E5445
800
#4A4136
900
#37322A
950
#231F1A

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass 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