#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026