#513322

#513322

Color Values

HEX

#513322

RGB

81, 51, 34

HSL

21.7, 40.9%, 22.5%

HSV

21.7, 58.0%, 31.8%

CMYK

0.0%, 37.0%, 58.0%, 68.2%

OKLCH

0.3528 0.0516 50.0

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#513322

#224051

Analogous

#512228

#514A22

#513322

Triadic

#513322

#225133

#332251

Split Complementary

#513322

#22514A

#222851

Tetradic

#513322

#285122

#224051

#4A2251

Color Blindness Simulation

Original

#513322

Protanopia

#444426

Deuteranopia

#464827

Tritanopia

#50292A

Achromatopsia

#383838

CSS Usage

background-color: #513322;
color: #513322;
border-color: #513322;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F3EBE7
200
#EAD7CD
300
#DBBBA9
400
#C7967A
500
#B4714B
600
#905A3C
700
#734830
800
#5A3926
900
#422C1F
950
#2A1B13

Contrast Checker

Text on white

11.37:1

AA Pass AAA Pass

Text on black

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