#855656

#855656

Color Values

HEX

#855656

RGB

133, 86, 86

HSL

0,0, 21,5%, 42,9%

HSV

0,0, 35,3%, 52,2%

CMYK

0,0%, 35,3%, 35,3%, 47,8%

OKLCH

0,505 0,0628 19,5

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#855656

#568585

Analogous

#85566D

#856D56

#855656

Triadic

#855656

#568556

#565685

Split Complementary

#855656

#56856D

#566D85

Tetradic

#855656

#6D8556

#568585

#6D5685

Color Blindness Simulation

Original

#855656

Protanopia

#717056

Deuteranopia

#737756

Tritanopia

#835656

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E3D4D4
300
#CFB5B5
400
#B58C8C
500
#9B6464
600
#7C5050
700
#634040
800
#4D3232
900
#3A2727
950
#251919

Contrast Checker

Text on white

6,06:1

AA Pass AAA Fail

Text on black

3,46: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