#522222

#522222

Color Values

HEX

#522222

RGB

82, 34, 34

HSL

0.0, 41.4%, 22.7%

HSV

0.0, 58.5%, 32.2%

CMYK

0.0%, 58.5%, 58.5%, 67.8%

OKLCH

0.3212 0.0722 22.0

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#522222

#225252

Analogous

#52223A

#523A22

#522222

Triadic

#522222

#225222

#222252

Split Complementary

#522222

#22523A

#223A52

Tetradic

#522222

#3A5222

#225252

#3A2252

Color Blindness Simulation

Original

#522222

Protanopia

#3D3D22

Deuteranopia

#404422

Tritanopia

#502222

Achromatopsia

#2C2C2C

CSS Usage

background-color: #522222;
color: #522222;
border-color: #522222;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCD
300
#DBA8A8
400
#C87A7A
500
#B44B4B
600
#903C3C
700
#733030
800
#5A2525
900
#431E1E
950
#2A1313

Contrast Checker

Text on white

13.04:1

AA Pass AAA Pass

Text on black

1.61:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026