#5014DC

#5014DC

Color Values

HEX

#5014DC

RGB

80, 20, 220

HSL

258.0, 83.3%, 47.1%

HSV

258.0, 90.9%, 86.3%

CMYK

63.6%, 90.9%, 0.0%, 13.7%

OKLCH

0.4517 0.2576 282.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#5014DC

#A0DC14

Analogous

#143CDC

#B414DC

#5014DC

Triadic

#5014DC

#DC5014

#14DC50

Split Complementary

#5014DC

#DCB414

#3CDC14

Tetradic

#5014DC

#DC143C

#A0DC14

#14DCB4

Color Blindness Simulation

Original

#5014DC

Protanopia

#3635AC

Deuteranopia

#3A3EA0

Tritanopia

#4D857D

Achromatopsia

#2F2F2F

CSS Usage

background-color: #5014DC;
color: #5014DC;
border-color: #5014DC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FD
100
#E8E1FA
200
#CFBEF9
300
#AD8FF5
400
#8152EF
500
#5515EA
600
#4411BB
700
#360E96
800
#2B0B75
900
#220C55
950
#150836

Contrast Checker

Text on white

8.49:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026