#866331

#866331

Color Values

HEX

#866331

RGB

134, 99, 49

HSL

35.3, 46.4%, 35.9%

HSV

35.3, 63.4%, 52.5%

CMYK

0.0%, 26.1%, 63.4%, 47.5%

OKLCH

0.525 0.0807 74.2

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#866331

#315486

Analogous

#863931

#7F8631

#866331

Triadic

#866331

#318663

#633186

Split Complementary

#866331

#317F86

#393186

Tetradic

#866331

#318639

#315486

#86317F

Color Blindness Simulation

Original

#866331

Protanopia

#77773D

Deuteranopia

#797C40

Tritanopia

#844749

Achromatopsia

#676767

CSS Usage

background-color: #866331;
color: #866331;
border-color: #866331;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDECB
300
#DEC7A5
400
#CCA875
500
#BB8A44
600
#956E37
700
#77582C
800
#5D4522
900
#45341C
950
#2B2112

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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