#52142C

#52142C

Color Values

HEX

#52142C

RGB

82, 20, 44

HSL

336,8, 60,8%, 20,0%

HSV

336,8, 75,6%, 32,2%

CMYK

0,0%, 75,6%, 46,3%, 67,8%

OKLCH

0,3038 0,0944 0,9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#52142C

#14523A

Analogous

#52144B

#521B14

#52142C

Triadic

#52142C

#2C5214

#142C52

Split Complementary

#52142C

#14521B

#144B52

Tetradic

#52142C

#4B5214

#14523A

#1B1452

Color Blindness Simulation

Original

#52142C

Protanopia

#373726

Deuteranopia

#3B3F25

Tritanopia

#4F2221

Achromatopsia

#232323

CSS Usage

background-color: #52142C;
color: #52142C;
border-color: #52142C;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C6D6
300
#E79DB9
400
#DA6794
500
#CD326E
600
#A42858
700
#832046
800
#671937
900
#4B162A
950
#2F0E1B

Contrast Checker

Text on white

14,04:1

AA Pass AAA Pass

Text on black

1,5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026