#48137D

#48137D

Color Values

HEX

#48137D

RGB

72, 19, 125

HSL

270.0, 73.6%, 28.2%

HSV

270.0, 84.8%, 49.0%

CMYK

42.4%, 84.8%, 0.0%, 51.0%

OKLCH

0.3422 0.1614 300.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#48137D

#487D13

Analogous

#13137D

#7D137D

#48137D

Triadic

#48137D

#7D4813

#137D48

Split Complementary

#48137D

#7D7D13

#137D13

Tetradic

#48137D

#7D1313

#487D13

#137D7D

Color Blindness Simulation

Original

#48137D

Protanopia

#313163

Deuteranopia

#34385D

Tritanopia

#454F4B

Achromatopsia

#262626

CSS Usage

background-color: #48137D;
color: #48137D;
border-color: #48137D;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC1F6
300
#C295EF
400
#A15BE6
500
#8022DD
600
#661BB1
700
#52168E
800
#40116F
900
#301051
950
#1F0A33

Contrast Checker

Text on white

12.61:1

AA Pass AAA Pass

Text on black

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