#86884D

#86884D

Color Values

HEX

#86884D

RGB

134, 136, 77

HSL

62.0, 27.7%, 41.8%

HSV

62.0, 43.4%, 53.3%

CMYK

1.5%, 0.0%, 43.4%, 46.7%

OKLCH

0.6111 0.0808 110.3

Properties

Cool Light Nearest: khaki 4

Color Harmonies

Complementary

#86884D

#4F4D88

Analogous

#886D4D

#69884D

#86884D

Triadic

#86884D

#4D8688

#884D86

Split Complementary

#86884D

#4D6988

#6D4D88

Tetradic

#86884D

#4D886D

#4F4D88

#884D69

Color Blindness Simulation

Original

#86884D

Protanopia

#87875B

Deuteranopia

#87875F

Tritanopia

#866769

Achromatopsia

#838383

CSS Usage

background-color: #86884D;
color: #86884D;
border-color: #86884D;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E5D1
300
#D2D3B1
400
#B9BB87
500
#A0A35C
600
#80824A
700
#67683B
800
#50512E
900
#3C3D24
950
#262617

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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