#867663

#867663

Color Values

HEX

#867663

RGB

134, 118, 99

HSL

32.6, 15.0%, 45.7%

HSV

32.6, 26.1%, 52.5%

CMYK

0.0%, 11.9%, 26.1%, 47.5%

OKLCH

0.5753 0.0344 71.8

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#867663

#637386

Analogous

#866563

#858663

#867663

Triadic

#867663

#638676

#766386

Split Complementary

#867663

#638586

#656386

Tetradic

#867663

#638665

#637386

#866385

Color Blindness Simulation

Original

#867663

Protanopia

#7F7F68

Deuteranopia

#808169

Tritanopia

#856B6C

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E1DCD6
300
#CBC3B9
400
#AFA292
500
#93816C
600
#756757
700
#5E5345
800
#494136
900
#37312A
950
#231F1A

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.79:1

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