#522F31

#522F31

Color Values

HEX

#522F31

RGB

82, 47, 49

HSL

356.6, 27.1%, 25.3%

HSV

356.6, 42.7%, 32.2%

CMYK

0.0%, 42.7%, 40.2%, 67.8%

OKLCH

0.3496 0.0514 16.4

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#522F31

#2F5250

Analogous

#522F42

#523F2F

#522F31

Triadic

#522F31

#31522F

#2F3152

Split Complementary

#522F31

#2F523F

#2F4252

Tetradic

#522F31

#42522F

#2F5250

#3F2F52

Color Blindness Simulation

Original

#522F31

Protanopia

#434331

Deuteranopia

#454830

Tritanopia

#503030

Achromatopsia

#373737

CSS Usage

background-color: #522F31;
color: #522F31;
border-color: #522F31;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D3
300
#D2B1B3
400
#BA878A
500
#A25D61
600
#824A4D
700
#683B3E
800
#512E30
900
#3C2526
950
#261718

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

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