#866550

#866550

Color Values

HEX

#866550

RGB

134, 101, 80

HSL

23.3, 25.2%, 42.0%

HSV

23.3, 40.3%, 52.5%

CMYK

0.0%, 24.6%, 40.3%, 47.5%

OKLCH

0.5347 0.0531 53.7

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#866550

#507186

Analogous

#865056

#868050

#866550

Triadic

#866550

#508665

#655086

Split Complementary

#866550

#508680

#505686

Tetradic

#866550

#568650

#507186

#805086

Color Blindness Simulation

Original

#866550

Protanopia

#787755

Deuteranopia

#7A7C56

Tritanopia

#84595A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D9D2
300
#D1BEB2
400
#B89B89
500
#A0785F
600
#80604C
700
#664D3D
800
#503C30
900
#3B2E25
950
#261D18

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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