#520F70

#520F70

Color Values

HEX

#520F70

RGB

82, 15, 112

HSL

281.4, 76.4%, 24.9%

HSV

281.4, 86.6%, 43.9%

CMYK

26.8%, 86.6%, 0.0%, 56.1%

OKLCH

0.3413 0.1544 312.0

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#520F70

#2D700F

Analogous

#210F70

#700F5E

#520F70

Triadic

#520F70

#70520F

#0F7052

Split Complementary

#520F70

#5E700F

#0F7021

Tetradic

#520F70

#70210F

#2D700F

#0F5E70

Color Blindness Simulation

Original

#520F70

Protanopia

#353459

Deuteranopia

#393E53

Tritanopia

#4F4642

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F9F2FC
100
#F2E2F9
200
#E6C0F7
300
#D493F1
400
#BC59E9
500
#A51EE1
600
#8418B4
700
#691390
800
#520F70
900
#3D0F52
950
#270A34

Contrast Checker

Text on white

12.64:1

AA Pass AAA Pass

Text on black

1.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