#86840C

#86840C

Color Values

HEX

#86840C

RGB

134, 132, 12

HSL

59.0, 83.6%, 28.6%

HSV

59.0, 91.0%, 52.5%

CMYK

0.0%, 1.5%, 91.0%, 47.5%

OKLCH

0.5959 0.1258 108.6

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#86840C

#0C0E86

Analogous

#86470C

#4B860C

#86840C

Triadic

#86840C

#0C8684

#840C86

Split Complementary

#86840C

#0C4B86

#470C86

Tetradic

#86840C

#0C8647

#0C0E86

#860C4B

Color Blindness Simulation

Original

#86840C

Protanopia

#858529

Deuteranopia

#858530

Tritanopia

#864045

Achromatopsia

#7C7C7C

CSS Usage

background-color: #86840C;
color: #86840C;
border-color: #86840C;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#F9F8BD
300
#F5F38F
400
#F0ED52
500
#EAE715
600
#BBB811
700
#96940D
800
#75730A
900
#55540C
950
#363508

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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