#480347

#480347

Color Values

HEX

#480347

RGB

72, 3, 71

HSL

300.9, 92.0%, 14.7%

HSV

300.9, 95.8%, 28.2%

CMYK

0.0%, 95.8%, 1.4%, 71.8%

OKLCH

0.2836 0.1253 329.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#480347

#034804

Analogous

#270348

#480324

#480347

Triadic

#480347

#474803

#034748

Split Complementary

#480347

#244803

#034827

Tetradic

#480347

#482703

#034804

#032448

Color Blindness Simulation

Original

#480347

Protanopia

#2A2A37

Deuteranopia

#2E3333

Tritanopia

#452A27

Achromatopsia

#171717

CSS Usage

background-color: #480347;
color: #480347;
border-color: #480347;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFB
300
#FA89F8
400
#F74AF5
500
#F50AF1
600
#C408C1
700
#9D079A
800
#7A0579
900
#590857
950
#380537

Contrast Checker

Text on white

15.22:1

AA Pass AAA Pass

Text on black

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