#48024D

#48024D

Color Values

HEX

#48024D

RGB

72, 2, 77

HSL

296.0, 94.9%, 15.5%

HSV

296.0, 97.4%, 30.2%

CMYK

6.5%, 97.4%, 0.0%, 69.8%

OKLCH

0.2872 0.1313 325.0

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#48024D

#074D02

Analogous

#23024D

#4D022D

#48024D

Triadic

#48024D

#4D4802

#024D48

Split Complementary

#48024D

#2D4D02

#024D23

Tetradic

#48024D

#4D2302

#074D02

#022D4D

Color Blindness Simulation

Original

#48024D

Protanopia

#2A293B

Deuteranopia

#2E3336

Tritanopia

#442D29

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#F9B9FD
300
#F488FC
400
#EE47FA
500
#E807F8
600
#BA05C7
700
#95049F
800
#74037C
900
#54075A
950
#350439

Contrast Checker

Text on white

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