#511656

#511656

Color Values

HEX

#511656

RGB

81, 22, 86

HSL

295,3, 59,3%, 21,2%

HSV

295,3, 74,4%, 33,7%

CMYK

5,8%, 74,4%, 0,0%, 66,3%

OKLCH

0,3263 0,1215 324,6

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#511656

#1B5616

Analogous

#311656

#56163B

#511656

Triadic

#511656

#565116

#165651

Split Complementary

#511656

#3B5616

#165631

Tetradic

#511656

#563116

#1B5616

#163B56

Color Blindness Simulation

Original

#511656

Protanopia

#373747

Deuteranopia

#3B3F43

Tritanopia

#4E3A38

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F5E4F6
200
#EDC6F0
300
#E09EE6
400
#D069D9
500
#BF34CB
600
#992AA2
700
#7A2182
800
#601A66
900
#46174A
950
#2C0E2F

Contrast Checker

Text on white

13,13:1

AA Pass AAA Pass

Text on black

1,6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026