#500652

#500652

Color Values

HEX

#500652

RGB

80, 6, 82

HSL

298,4, 86,4%, 17,3%

HSV

298,4, 92,7%, 32,2%

CMYK

2,4%, 92,7%, 0,0%, 67,8%

OKLCH

0,3084 0,1349 327,0

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#500652

#085206

Analogous

#2A0652

#52062E

#500652

Triadic

#500652

#525006

#065250

Split Complementary

#500652

#2E5206

#06522A

Tetradic

#500652

#522A06

#085206

#062E52

Color Blindness Simulation

Original

#500652

Protanopia

#302F40

Deuteranopia

#343A3B

Tritanopia

#4C312E

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F8BCFA
300
#F48DF7
400
#EE4FF2
500
#E811EE
600
#B90EBE
700
#940B98
800
#740977
900
#540B56
950
#350736

Contrast Checker

Text on white

14,1:1

AA Pass AAA Pass

Text on black

1,49:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026