#806563

#806563

Color Values

HEX

#806563

RGB

128, 101, 99

HSL

4.1, 12.8%, 44.5%

HSV

4.1, 22.7%, 50.2%

CMYK

0.0%, 21.1%, 22.7%, 49.8%

OKLCH

0.5329 0.0351 23.2

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#806563

#637E80

Analogous

#80636F

#807363

#806563

Triadic

#806563

#638065

#656380

Split Complementary

#806563

#638073

#636F80

Tetradic

#806563

#6F8063

#637E80

#736380

Color Blindness Simulation

Original

#806563

Protanopia

#747463

Deuteranopia

#767864

Tritanopia

#7F6464

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEB
200
#E0D7D7
300
#CABBBA
400
#AD9695
500
#90716F
600
#735B59
700
#5C4947
800
#483938
900
#362C2B
950
#221C1B

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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