#480248

#480248

Color Values

HEX

#480248

RGB

72, 2, 72

HSL

300.0, 94.6%, 14.5%

HSV

300.0, 97.2%, 28.2%

CMYK

0.0%, 97.2%, 0.0%, 71.8%

OKLCH

0.2835 0.1273 328.3

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#480248

#024802

Analogous

#250248

#480225

#480248

Triadic

#480248

#484802

#024848

Split Complementary

#480248

#254802

#024825

Tetradic

#480248

#482502

#024802

#022548

Color Blindness Simulation

Original

#480248

Protanopia

#2A2937

Deuteranopia

#2E3333

Tritanopia

#442A27

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDFFC
200
#FDBAFD
300
#FC88FC
400
#FA47FA
500
#F807F8
600
#C606C6
700
#9F049F
800
#7C037C
900
#5A075A
950
#390539

Contrast Checker

Text on white

15.24:1

AA Pass AAA Pass

Text on black

1.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026