#520E22

#520E22

Color Values

HEX

#520E22

RGB

82, 14, 34

HSL

342.4, 70.8%, 18.8%

HSV

342.4, 82.9%, 32.2%

CMYK

0.0%, 82.9%, 58.5%, 67.8%

OKLCH

0.294 0.0992 8.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#520E22

#0E523E

Analogous

#520E44

#521C0E

#520E22

Triadic

#520E22

#22520E

#0E2252

Split Complementary

#520E22

#0E521C

#0E4452

Tetradic

#520E22

#44520E

#0E523E

#1C0E52

Color Blindness Simulation

Original

#520E22

Protanopia

#35341D

Deuteranopia

#383E1C

Tritanopia

#4F1918

Achromatopsia

#1E1E1E

CSS Usage

background-color: #520E22;
color: #520E22;
border-color: #520E22;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FCF3F5
100
#F8E2E9
200
#F5C2D1
300
#ED96B0
400
#E35E85
500
#DA255A
600
#AE1E48
700
#8B183A
800
#6D132D
900
#4F1224
950
#320B17

Contrast Checker

Text on white

14.54:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026