#500DF2

#500DF2

Color Values

HEX

#500DF2

RGB

80, 13, 242

HSL

257,6, 89,8%, 50,0%

HSV

257,6, 94,6%, 94,9%

CMYK

66,9%, 94,6%, 0,0%, 5,1%

OKLCH

0,4737 0,2816 279,7

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#500DF2

#AFF20D

Analogous

#0D3CF2

#C30DF2

#500DF2

Triadic

#500DF2

#F2500D

#0DF250

Split Complementary

#500DF2

#F2C30D

#3CF20D

Tetradic

#500DF2

#F20D3C

#AFF20D

#0DF2C3

Color Blindness Simulation

Original

#500DF2

Protanopia

#3332BB

Deuteranopia

#373CAD

Tritanopia

#4D8F85

Achromatopsia

#2C2C2C

CSS Usage

background-color: #500DF2;
color: #500DF2;
border-color: #500DF2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F2FD
100
#E8E0FB
200
#CEBBFB
300
#AB8BF9
400
#7E4CF5
500
#500DF2
600
#400AC2
700
#33089B
800
#280779
900
#200958
950
#140637

Contrast Checker

Text on white

7,83:1

AA Pass AAA Pass

Text on black

2,68:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026