#856567

#856567

Color Values

HEX

#856567

RGB

133, 101, 103

HSL

356.2, 13.7%, 45.9%

HSV

356.2, 24.1%, 52.2%

CMYK

0.0%, 24.1%, 22.6%, 47.8%

OKLCH

0.5396 0.0414 14.4

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#856567

#658583

Analogous

#856577

#857365

#856567

Triadic

#856567

#678565

#656785

Split Complementary

#856567

#658573

#657785

Tetradic

#856567

#778565

#658583

#736585

Color Blindness Simulation

Original

#856567

Protanopia

#777767

Deuteranopia

#797B66

Tritanopia

#836666

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEB
200
#E0D6D7
300
#CAB9BA
400
#AE9495
500
#916E70
600
#74585A
700
#5D4648
800
#483738
900
#362A2B
950
#221B1B

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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