#5000FF

#5000FF

Color Values

HEX

#5000FF

RGB

80, 0, 255

HSL

258.8, 100.0%, 50.0%

HSV

258.8, 100.0%, 100.0%

CMYK

68.6%, 100.0%, 0.0%, 0.0%

OKLCH

0.485 0.2969 278.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#5000FF

#AFFF00

Analogous

#0030FF

#CF00FF

#5000FF

Triadic

#5000FF

#FF5000

#00FF50

Split Complementary

#5000FF

#FFCF00

#30FF00

Tetradic

#5000FF

#FF0030

#AFFF00

#00FFCF

Color Blindness Simulation

Original

#5000FF

Protanopia

#2D2DC1

Deuteranopia

#3238B2

Tritanopia

#4C9186

Achromatopsia

#232323

CSS Usage

background-color: #5000FF;
color: #5000FF;
border-color: #5000FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CEB8FF
300
#AB85FF
400
#7D42FF
500
#5000FF
600
#4000CC
700
#3300A3
800
#280080
900
#20055C
950
#14033A

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

2.79:1

AA Fail AAA Fail

Brands Using This Color

Aboard

Aboard

Electric Violet

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026