#511A30

#511A30

Color Values

HEX

#511A30

RGB

81, 26, 48

HSL

336.0, 51.4%, 21.0%

HSV

336.0, 67.9%, 31.8%

CMYK

0.0%, 67.9%, 40.7%, 68.2%

OKLCH

0.3113 0.0858 358.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#511A30

#1A513B

Analogous

#511A4C

#51201A

#511A30

Triadic

#511A30

#30511A

#1A3051

Split Complementary

#511A30

#1A5120

#1A4C51

Tetradic

#511A30

#4C511A

#1A513B

#201A51

Color Blindness Simulation

Original

#511A30

Protanopia

#39392B

Deuteranopia

#3C4029

Tritanopia

#4E2626

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D8
300
#E1A2BC
400
#D17097
500
#C13E72
600
#9A325C
700
#7C2849
800
#611F39
900
#471A2C
950
#2D101C

Contrast Checker

Text on white

13.63:1

AA Pass AAA Pass

Text on black

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