#502175

#502175

Color Values

HEX

#502175

RGB

80, 33, 117

HSL

273.6, 56.0%, 29.4%

HSV

273.6, 71.8%, 45.9%

CMYK

31.6%, 71.8%, 0.0%, 54.1%

OKLCH

0.361 0.1385 306.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#502175

#467521

Analogous

#262175

#752170

#502175

Triadic

#502175

#755021

#217550

Split Complementary

#502175

#707521

#217526

Tetradic

#502175

#752621

#467521

#217075

Color Blindness Simulation

Original

#502175

Protanopia

#3C3B61

Deuteranopia

#3E425C

Tritanopia

#4E514D

Achromatopsia

#313131

CSS Usage

background-color: #502175;
color: #502175;
border-color: #502175;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DEC7EF
300
#C6A0E4
400
#A76CD5
500
#8838C7
600
#6D2D9F
700
#57247F
800
#441C63
900
#331849
950
#200F2E

Contrast Checker

Text on white

11.57:1

AA Pass AAA Pass

Text on black

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