#814414

#814414

Color Values

HEX

#814414

RGB

129, 68, 20

HSL

26.4, 73.2%, 29.2%

HSV

26.4, 84.5%, 50.6%

CMYK

0.0%, 47.3%, 84.5%, 49.4%

OKLCH

0.4541 0.1021 53.8

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#814414

#145181

Analogous

#81141A

#817A14

#814414

Triadic

#814414

#148144

#441481

Split Complementary

#814414

#14817A

#141A81

Tetradic

#814414

#1A8114

#145181

#7A1481

Color Blindness Simulation

Original

#814414

Protanopia

#676620

Deuteranopia

#6A6F22

Tritanopia

#7E292B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #814414;
color: #814414;
border-color: #814414;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F5D8C1
300
#EFBC95
400
#E6985C
500
#DD7422
600
#B15D1B
700
#8D4A16
800
#6E3A11
900
#502D11
950
#331C0A

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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