#814310

#814310

Color Values

HEX

#814310

RGB

129, 67, 16

HSL

27.1, 77.9%, 28.4%

HSV

27.1, 87.6%, 50.6%

CMYK

0.0%, 48.1%, 87.6%, 49.4%

OKLCH

0.452 0.1042 54.1

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#814310

#104E81

Analogous

#811015

#817B10

#814310

Triadic

#814310

#108143

#431081

Split Complementary

#814310

#10817B

#101581

Tetradic

#814310

#158110

#104E81

#7B1081

Color Blindness Simulation

Original

#814310

Protanopia

#66661C

Deuteranopia

#6A6E1F

Tritanopia

#7E2628

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE1
200
#F7D9BF
300
#F1BD92
400
#EA9A57
500
#E3761C
600
#B55E17
700
#914B12
800
#713B0E
900
#522D0E
950
#341D09

Contrast Checker

Text on white

7.65:1

AA Pass AAA Pass

Text on black

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