#864916

#864916

Color Values

HEX

#864916

RGB

134, 73, 22

HSL

27.3, 71.8%, 30.6%

HSV

27.3, 83.6%, 52.5%

CMYK

0.0%, 45.5%, 83.6%, 47.5%

OKLCH

0.4707 0.1034 55.5

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#864916

#165386

Analogous

#86161B

#868116

#864916

Triadic

#864916

#168649

#491686

Split Complementary

#864916

#168681

#161B86

Tetradic

#864916

#1B8616

#165386

#811686

Color Blindness Simulation

Original

#864916

Protanopia

#6C6B22

Deuteranopia

#6F7425

Tritanopia

#832C2E

Achromatopsia

#525252

CSS Usage

background-color: #864916;
color: #864916;
border-color: #864916;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F5D9C2
300
#EEBE96
400
#E49B5D
500
#DB7724
600
#AF5F1D
700
#8C4C17
800
#6E3C12
900
#502E11
950
#321D0B

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail 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