#511F61

#511F61

Color Values

HEX

#511F61

RGB

81, 31, 97

HSL

285.5, 51.6%, 25.1%

HSV

285.5, 68.0%, 38.0%

CMYK

16.5%, 68.0%, 0.0%, 62.0%

OKLCH

0.3449 0.1194 317.0

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#511F61

#2F611F

Analogous

#301F61

#611F50

#511F61

Triadic

#511F61

#61511F

#1F6151

Split Complementary

#511F61

#50611F

#1F6130

Tetradic

#511F61

#61301F

#2F611F

#1F5061

Color Blindness Simulation

Original

#511F61

Protanopia

#3B3B51

Deuteranopia

#3E424D

Tritanopia

#4E4442

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E5F5
200
#E5C9EE
300
#D2A2E1
400
#BA70D1
500
#A13EC1
600
#81319B
700
#67277C
800
#511F61
900
#3C1A47
950
#26102D

Contrast Checker

Text on white

12.22:1

AA Pass AAA Pass

Text on black

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