#A86C10

#A86C10

Color Values

HEX

#A86C10

RGB

168, 108, 16

HSL

36.3, 82.6%, 36.1%

HSV

36.3, 90.5%, 65.9%

CMYK

0.0%, 35.7%, 90.5%, 34.1%

OKLCH

0.5821 0.1215 69.9

Properties

Warm Light Nearest: orange 4

Color Harmonies

Complementary

#A86C10

#104CA8

Analogous

#A82010

#98A810

#A86C10

Triadic

#A86C10

#10A86C

#6C10A8

Split Complementary

#A86C10

#1098A8

#2010A8

Tetradic

#A86C10

#10A820

#104CA8

#A81098

Color Blindness Simulation

Original

#A86C10

Protanopia

#8E8D26

Deuteranopia

#92962C

Tritanopia

#A5383C

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAF0E1
200
#F9E1BE
300
#F4CC8F
400
#EFB153
500
#E99616
600
#BA7812
700
#95600E
800
#744B0B
900
#54380C
950
#352308

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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