#480F70

#480F70

Color Values

HEX

#480F70

RGB

72, 15, 112

HSL

275.3, 76.4%, 24.9%

HSV

275.3, 86.6%, 43.9%

CMYK

35.7%, 86.6%, 0.0%, 56.1%

OKLCH

0.3266 0.1516 305.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#480F70

#37700F

Analogous

#180F70

#700F67

#480F70

Triadic

#480F70

#70480F

#0F7048

Split Complementary

#480F70

#67700F

#0F7018

Tetradic

#480F70

#70180F

#37700F

#0F6770

Color Blindness Simulation

Original

#480F70

Protanopia

#2F2F59

Deuteranopia

#333753

Tritanopia

#454642

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#E0C0F7
300
#CA93F1
400
#AD59E9
500
#911EE1
600
#7418B4
700
#5D1390
800
#480F70
900
#360F52
950
#220A34

Contrast Checker

Text on white

13.31:1

AA Pass AAA Pass

Text on black

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