#480099

#480099

Color Values

HEX

#480099

RGB

72, 0, 153

HSL

268.2, 100.0%, 30.0%

HSV

268.2, 100.0%, 60.0%

CMYK

52.9%, 100.0%, 0.0%, 40.0%

OKLCH

0.3597 0.2001 292.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#480099

#519900

Analogous

#000599

#940099

#480099

Triadic

#480099

#994800

#009948

Split Complementary

#480099

#999400

#059900

Tetradic

#480099

#990005

#519900

#009994

Color Blindness Simulation

Original

#480099

Protanopia

#292874

Deuteranopia

#2D326B

Tritanopia

#445750

Achromatopsia

#1A1A1A

CSS Usage

background-color: #480099;
color: #480099;
border-color: #480099;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B8FF
300
#BE85FF
400
#9B42FF
500
#7800FF
600
#6000CC
700
#4D00A3
800
#3C0080
900
#2E055C
950
#1D033A

Contrast Checker

Text on white

12.1:1

AA Pass AAA Pass

Text on black

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