#480646

#480646

Color Values

HEX

#480646

RGB

72, 6, 70

HSL

301.8, 84.6%, 15.3%

HSV

301.8, 91.7%, 28.2%

CMYK

0.0%, 91.7%, 2.8%, 71.8%

OKLCH

0.2854 0.1212 329.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#480646

#064808

Analogous

#290648

#480625

#480646

Triadic

#480646

#464806

#064648

Split Complementary

#480646

#254806

#064829

Tetradic

#480646

#482906

#064808

#062548

Color Blindness Simulation

Original

#480646

Protanopia

#2B2B37

Deuteranopia

#2F3433

Tritanopia

#452A28

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0F9
200
#FABDF8
300
#F68EF2
400
#F051EC
500
#EB14E5
600
#BC10B7
700
#970D92
800
#760A72
900
#550C53
950
#360735

Contrast Checker

Text on white

15.11:1

AA Pass AAA Pass

Text on black

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