#500742

#500742

Color Values

HEX

#500742

RGB

80, 7, 66

HSL

311.5, 83.9%, 17.1%

HSV

311.5, 91.2%, 31.4%

CMYK

0.0%, 91.2%, 17.5%, 68.6%

OKLCH

0.2986 0.1214 337.9

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#500742

#075015

Analogous

#3A0750

#50071E

#500742

Triadic

#500742

#425007

#074250

Split Complementary

#500742

#1E5007

#07503A

Tetradic

#500742

#503A07

#075015

#071E50

Color Blindness Simulation

Original

#500742

Protanopia

#303034

Deuteranopia

#353A30

Tritanopia

#4C2826

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F5
200
#F9BDEE
300
#F58EE1
400
#F051D1
500
#EA15C1
600
#BC109B
700
#960D7C
800
#750A61
900
#550C47
950
#36072D

Contrast Checker

Text on white

14.48:1

AA Pass AAA Pass

Text on black

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