#480348

#480348

Color Values

HEX

#480348

RGB

72, 3, 72

HSL

300.0, 92.0%, 14.7%

HSV

300.0, 95.8%, 28.2%

CMYK

0.0%, 95.8%, 0.0%, 71.8%

OKLCH

0.2843 0.1261 328.3

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#480348

#034803

Analogous

#250348

#480325

#480348

Triadic

#480348

#484803

#034848

Split Complementary

#480348

#254803

#034825

Tetradic

#480348

#482503

#034803

#032548

Color Blindness Simulation

Original

#480348

Protanopia

#2A2A37

Deuteranopia

#2E3333

Tritanopia

#452A27

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFC
300
#FA89FA
400
#F74AF7
500
#F50AF5
600
#C408C4
700
#9D079D
800
#7A057A
900
#590859
950
#380538

Contrast Checker

Text on white

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