#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026