#500F76

#500F76

Color Values

HEX

#500F76

RGB

80, 15, 118

HSL

277.9, 77.4%, 26.1%

HSV

277.9, 87.3%, 46.3%

CMYK

32.2%, 87.3%, 0.0%, 53.7%

OKLCH

0.3436 0.1595 308.2

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#500F76

#35760F

Analogous

#1D0F76

#760F69

#500F76

Triadic

#500F76

#76500F

#0F7650

Split Complementary

#500F76

#69760F

#0F761D

Tetradic

#500F76

#761D0F

#35760F

#0F6976

Color Blindness Simulation

Original

#500F76

Protanopia

#34335D

Deuteranopia

#383C57

Tritanopia

#4D4945

Achromatopsia

#242424

CSS Usage

background-color: #500F76;
color: #500F76;
border-color: #500F76;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F9F2FC
100
#F0E1F9
200
#E3C0F7
300
#CE92F1
400
#B458EA
500
#991DE2
600
#7B17B5
700
#621291
800
#4D0E71
900
#390F52
950
#240934

Contrast Checker

Text on white

12.57:1

AA Pass AAA Pass

Text on black

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