#500856

#500856

Color Values

HEX

#500856

RGB

80, 8, 86

HSL

295.4, 83.0%, 18.4%

HSV

295.4, 90.7%, 33.7%

CMYK

7.0%, 90.7%, 0.0%, 66.3%

OKLCH

0.3126 0.1364 324.5

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#500856

#0E5608

Analogous

#290856

#560835

#500856

Triadic

#500856

#565008

#085650

Split Complementary

#500856

#355608

#085629

Tetradic

#500856

#562908

#0E5608

#083556

Color Blindness Simulation

Original

#500856

Protanopia

#313043

Deuteranopia

#353A3F

Tritanopia

#4C3431

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F4BEF9
300
#ED8FF5
400
#E352EF
500
#D916E9
600
#AE11BB
700
#8B0E95
800
#6D0B75
900
#4F0C55
950
#320835

Contrast Checker

Text on white

13.91:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026