#81562F

#81562F

Color Values

HEX

#81562F

RGB

129, 86, 47

HSL

28.5, 46.6%, 34.5%

HSV

28.5, 63.6%, 50.6%

CMYK

0.0%, 33.3%, 63.6%, 49.4%

OKLCH

0.4917 0.0787 61.5

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#81562F

#2F5A81

Analogous

#812F31

#817F2F

#81562F

Triadic

#81562F

#2F8156

#562F81

Split Complementary

#81562F

#2F817F

#2F3181

Tetradic

#81562F

#31812F

#2F5A81

#7F2F81

Color Blindness Simulation

Original

#81562F

Protanopia

#6E6E38

Deuteranopia

#71743B

Tritanopia

#7F4042

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDACB
300
#DEC0A5
400
#CD9E75
500
#BB7D44
600
#966436
700
#78502C
800
#5D3E22
900
#452F1C
950
#2B1E12

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026