#510632

#510632

Color Values

HEX

#510632

RGB

81, 6, 50

HSL

324.8, 86.2%, 17.1%

HSV

324.8, 92.6%, 31.8%

CMYK

0.0%, 92.6%, 38.3%, 68.2%

OKLCH

0.2913 0.1127 351.4

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#510632

#065125

Analogous

#4B0651

#51060D

#510632

Triadic

#510632

#325106

#063251

Split Complementary

#510632

#0D5106

#06514B

Tetradic

#510632

#514B06

#065125

#060D51

Color Blindness Simulation

Original

#510632

Protanopia

#313027

Deuteranopia

#353A25

Tritanopia

#4D1F1D

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABDE1
300
#F78DCB
400
#F24FAF
500
#ED1293
600
#BE0E75
700
#980B5E
800
#770949
900
#560B37
950
#360723

Contrast Checker

Text on white

14.77:1

AA Pass AAA Pass

Text on black

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