#A86C0B

#A86C0B

Color Values

HEX

#A86C0B

RGB

168, 108, 11

HSL

37.1, 87.7%, 35.1%

HSV

37.1, 93.5%, 65.9%

CMYK

0.0%, 35.7%, 93.5%, 34.1%

OKLCH

0.5819 0.1227 70.4

Properties

Warm Light Nearest: orange 4

Color Harmonies

Complementary

#A86C0B

#0B47A8

Analogous

#A81E0B

#95A80B

#A86C0B

Triadic

#A86C0B

#0BA86C

#6C0BA8

Split Complementary

#A86C0B

#0B95A8

#1E0BA8

Tetradic

#A86C0B

#0BA81E

#0B47A8

#A80B95

Color Blindness Simulation

Original

#A86C0B

Protanopia

#8E8D22

Deuteranopia

#929628

Tritanopia

#A53539

Achromatopsia

#727272

CSS Usage

background-color: #A86C0B;
color: #A86C0B;
border-color: #A86C0B;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FBE3BC
300
#F7CF8C
400
#F3B44E
500
#EF9A10
600
#BF7B0D
700
#99630A
800
#784D08
900
#573A0A
950
#372406

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026