#867F45

#867F45

Color Values

HEX

#867F45

RGB

134, 127, 69

HSL

53.5, 32.0%, 39.8%

HSV

53.5, 48.5%, 52.5%

CMYK

0.0%, 5.2%, 48.5%, 47.5%

OKLCH

0.5893 0.0792 102.4

Properties

Warm Light Nearest: khaki 4

Color Harmonies

Complementary

#867F45

#454C86

Analogous

#865E45

#6D8645

#867F45

Triadic

#867F45

#45867F

#7F4586

Split Complementary

#867F45

#456D86

#5E4586

Tetradic

#867F45

#45865E

#454C86

#86456D

Color Blindness Simulation

Original

#867F45

Protanopia

#838353

Deuteranopia

#838456

Tritanopia

#865E61

Achromatopsia

#7C7C7C

CSS Usage

background-color: #867F45;
color: #867F45;
border-color: #867F45;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E7E4D0
300
#D5D1AE
400
#BFB882
500
#A89F57
600
#878045
700
#6C6637
800
#54502B
900
#3E3B22
950
#272616

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.14:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026