#522326

#522326

Color Values

HEX

#522326

RGB

82, 35, 38

HSL

356.2, 40.2%, 22.9%

HSV

356.2, 57.3%, 32.2%

CMYK

0.0%, 57.3%, 53.7%, 67.8%

OKLCH

0.3239 0.0704 17.9

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#522326

#23524F

Analogous

#52233D

#523723

#522326

Triadic

#522326

#265223

#232652

Split Complementary

#522326

#235237

#233D52

Tetradic

#522326

#3D5223

#23524F

#372352

Color Blindness Simulation

Original

#522326

Protanopia

#3E3D25

Deuteranopia

#404425

Tritanopia

#502525

Achromatopsia

#2D2D2D

CSS Usage

background-color: #522326;
color: #522326;
border-color: #522326;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCF
300
#DAA9AC
400
#C77B80
500
#B34C53
600
#8F3D42
700
#723135
800
#592629
900
#421F21
950
#2A1415

Contrast Checker

Text on white

12.91:1

AA Pass AAA Pass

Text on black

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