#52022F

#52022F

Color Values

HEX

#52022F

RGB

82, 2, 47

HSL

326.2, 95.2%, 16.5%

HSV

326.2, 97.6%, 32.2%

CMYK

0.0%, 97.6%, 42.7%, 67.8%

OKLCH

0.2888 0.1162 353.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#52022F

#025225

Analogous

#4D0252

#520207

#52022F

Triadic

#52022F

#2F5202

#022F52

Split Complementary

#52022F

#075202

#02524D

Tetradic

#52022F

#524D02

#025225

#020752

Color Blindness Simulation

Original

#52022F

Protanopia

#2F2F24

Deuteranopia

#343A22

Tritanopia

#4E1C1A

Achromatopsia

#161616

CSS Usage

background-color: #52022F;
color: #52022F;
border-color: #52022F;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9E0
300
#FC88C9
400
#FA47AC
500
#F9068F
600
#C70572
700
#9F045B
800
#7C0347
900
#5A0736
950
#390422

Contrast Checker

Text on white

14.91:1

AA Pass AAA Pass

Text on black

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