#511B65

#511B65

Color Values

HEX

#511B65

RGB

81, 27, 101

HSL

283,8, 57,8%, 25,1%

HSV

283,8, 73,3%, 39,6%

CMYK

19,8%, 73,3%, 0,0%, 60,4%

OKLCH

0,3427 0,1296 315,4

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#511B65

#2F651B

Analogous

#2C1B65

#651B54

#511B65

Triadic

#511B65

#65511B

#1B6551

Split Complementary

#511B65

#54651B

#1B652C

Tetradic

#511B65

#652C1B

#2F651B

#1B5465

Color Blindness Simulation

Original

#511B65

Protanopia

#3A3953

Deuteranopia

#3D414F

Tritanopia

#4E4542

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E4F6
200
#E5C7F0
300
#D29EE5
400
#BA6AD7
500
#A136C9
600
#812BA1
700
#672281
800
#511B65
900
#3C174A
950
#260F2F

Contrast Checker

Text on white

12,39:1

AA Pass AAA Pass

Text on black

1,69: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