#866755

#866755

Color Values

HEX

#866755

RGB

134, 103, 85

HSL

22.0, 22.4%, 42.9%

HSV

22.0, 36.6%, 52.5%

CMYK

0.0%, 23.1%, 36.6%, 47.5%

OKLCH

0.54 0.0484 51.5

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#866755

#557486

Analogous

#86555B

#867F55

#866755

Triadic

#866755

#558667

#675586

Split Complementary

#866755

#55867F

#555B86

Tetradic

#866755

#5B8655

#557486

#7F5586

Color Blindness Simulation

Original

#866755

Protanopia

#797859

Deuteranopia

#7A7D5A

Tritanopia

#845D5E

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D9D3
300
#D0BEB4
400
#B69B8C
500
#9C7863
600
#7D604F
700
#644D3F
800
#4E3C31
900
#3A2E27
950
#251D18

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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