#520309

#520309

Color Values

HEX

#520309

RGB

82, 3, 9

HSL

355.4, 92.9%, 16.7%

HSV

355.4, 96.3%, 32.2%

CMYK

0.0%, 96.3%, 89.0%, 67.8%

OKLCH

0.2792 0.1091 24.8

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#520309

#03524C

Analogous

#520331

#522503

#520309

Triadic

#520309

#095203

#030952

Split Complementary

#520309

#035225

#033152

Tetradic

#520309

#315203

#03524C

#250352

Color Blindness Simulation

Original

#520309

Protanopia

#302F08

Deuteranopia

#343A07

Tritanopia

#4E0606

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FCBABF
300
#FB8992
400
#F84956
500
#F6091B
600
#C50716
700
#9D0611
800
#7B050E
900
#59080E
950
#380509

Contrast Checker

Text on white

15.26:1

AA Pass AAA Pass

Text on black

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