#866C63

#866C63

Color Values

HEX

#866C63

RGB

134, 108, 99

HSL

15.4, 15.0%, 45.7%

HSV

15.4, 26.1%, 52.5%

CMYK

0.0%, 19.4%, 26.1%, 47.5%

OKLCH

0.554 0.0361 40.0

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#866C63

#637D86

Analogous

#86636C

#867E63

#866C63

Triadic

#866C63

#63866C

#6C6386

Split Complementary

#866C63

#63867E

#636C86

Tetradic

#866C63

#6C8663

#637D86

#7E6386

Color Blindness Simulation

Original

#866C63

Protanopia

#7B7B65

Deuteranopia

#7C7E66

Tritanopia

#856767

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E1D9D6
300
#CBBDB9
400
#AF9A92
500
#93766C
600
#755F57
700
#5E4C45
800
#493B36
900
#372D2A
950
#231D1A

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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