#48058C

#48058C

Color Values

HEX

#48058C

RGB

72, 5, 140

HSL

269.8, 93.1%, 28.4%

HSV

269.8, 96.4%, 54.9%

CMYK

48.6%, 96.4%, 0.0%, 45.1%

OKLCH

0.3482 0.1853 296.3

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#48058C

#498C05

Analogous

#05058C

#8B058C

#48058C

Triadic

#48058C

#8C4805

#058C48

Split Complementary

#48058C

#8C8B05

#058C05

Tetradic

#48058C

#8C0505

#498C05

#058C8B

Color Blindness Simulation

Original

#48058C

Protanopia

#2B2A6B

Deuteranopia

#2F3464

Tritanopia

#45524C

Achromatopsia

#1D1D1D

CSS Usage

background-color: #48058C;
color: #48058C;
border-color: #48058C;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBAFD
300
#C189FB
400
#A049F8
500
#7F09F6
600
#6507C5
700
#51069E
800
#3F047B
900
#300859
950
#1E0538

Contrast Checker

Text on white

12.53:1

AA Pass AAA Pass

Text on black

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