#511C63

#511C63

Color Values

HEX

#511C63

RGB

81, 28, 99

HSL

284.8, 55.9%, 24.9%

HSV

284.8, 71.7%, 38.8%

CMYK

18.2%, 71.7%, 0.0%, 61.2%

OKLCH

0.3424 0.126 316.3

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#511C63

#2E631C

Analogous

#2E1C63

#631C51

#511C63

Triadic

#511C63

#63511C

#1C6351

Split Complementary

#511C63

#51631C

#1C632E

Tetradic

#511C63

#632E1C

#2E631C

#1C5163

Color Blindness Simulation

Original

#511C63

Protanopia

#3A3A52

Deuteranopia

#3D414E

Tritanopia

#4E4441

Achromatopsia

#2C2C2C

CSS Usage

background-color: #511C63;
color: #511C63;
border-color: #511C63;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F4FB
100
#F1E5F6
200
#E5C7EF
300
#D3A0E4
400
#BB6CD5
500
#A338C7
600
#822D9F
700
#68247F
800
#511C63
900
#3C1849
950
#260F2E

Contrast Checker

Text on white

12.38:1

AA Pass AAA Pass

Text on black

1.7:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026