#824322

#824322

Color Values

HEX

#824322

RGB

130, 67, 34

HSL

20.6, 58.5%, 32.2%

HSV

20.6, 73.8%, 51.0%

CMYK

0.0%, 48.5%, 73.8%, 49.0%

OKLCH

0.4552 0.098 46.5

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#824322

#226182

Analogous

#822231

#827322

#824322

Triadic

#824322

#228243

#432282

Split Complementary

#824322

#228273

#223182

Tetradic

#824322

#318222

#226182

#732282

Color Blindness Simulation

Original

#824322

Protanopia

#67662A

Deuteranopia

#6A6F2C

Tritanopia

#7F3032

Achromatopsia

#4E4E4E

CSS Usage

background-color: #824322;
color: #824322;
border-color: #824322;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FBF6F4
100
#F6EAE4
200
#F0D5C6
300
#E6B79E
400
#D88F69
500
#CA6835
600
#A2532A
700
#814322
800
#65341A
900
#4A2817
950
#2F1A0E

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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