#480643

#480643

Color Values

HEX

#480643

RGB

72, 6, 67

HSL

304.5, 84.6%, 15.3%

HSV

304.5, 91.7%, 28.2%

CMYK

0.0%, 91.7%, 6.9%, 71.8%

OKLCH

0.2834 0.1187 331.8

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#480643

#06480B

Analogous

#2C0648

#480622

#480643

Triadic

#480643

#434806

#064348

Split Complementary

#480643

#224806

#06482C

Tetradic

#480643

#482C06

#06480B

#062248

Color Blindness Simulation

Original

#480643

Protanopia

#2B2B34

Deuteranopia

#2F3431

Tritanopia

#452926

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FABDF5
300
#F68EEE
400
#F051E4
500
#EB14DB
600
#BC10AF
700
#970D8C
800
#760A6E
900
#550C50
950
#360732

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