#502FD0

#502FD0

Color Values

HEX

#502FD0

RGB

80, 47, 208

HSL

252.3, 63.1%, 50.0%

HSV

252.3, 77.4%, 81.6%

CMYK

61.5%, 77.4%, 0.0%, 18.4%

OKLCH

0.4613 0.2277 282.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#502FD0

#AFD02F

Analogous

#2F5FD0

#A02FD0

#502FD0

Triadic

#502FD0

#D0502F

#2FD050

Split Complementary

#502FD0

#D0A02F

#5FD02F

Tetradic

#502FD0

#D02F5F

#AFD02F

#2FD0A0

Color Blindness Simulation

Original

#502FD0

Protanopia

#4241A9

Deuteranopia

#4446A0

Tritanopia

#4E8A84

Achromatopsia

#424242

CSS Usage

background-color: #502FD0;
color: #502FD0;
border-color: #502FD0;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#CEC5F2
300
#AB9BE8
400
#7E65DC
500
#502FD0
600
#4026A6
700
#331E85
800
#281868
900
#20154C
950
#140D30

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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