#480499

#480499

Color Values

HEX

#480499

RGB

72, 4, 153

HSL

267.4, 94.9%, 30.8%

HSV

267.4, 97.4%, 60.0%

CMYK

52.9%, 97.4%, 0.0%, 40.0%

OKLCH

0.3617 0.1983 292.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#480499

#559904

Analogous

#040A99

#930499

#480499

Triadic

#480499

#994804

#049948

Split Complementary

#480499

#999304

#0A9904

Tetradic

#480499

#99040A

#559904

#049993

Color Blindness Simulation

Original

#480499

Protanopia

#2B2A75

Deuteranopia

#2E346C

Tritanopia

#455852

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDFFC
200
#D8B9FD
300
#BD88FC
400
#9947FA
500
#7507F8
600
#5E05C7
700
#4B049F
800
#3B037C
900
#2D075A
950
#1C0439

Contrast Checker

Text on white

11.98:1

AA Pass AAA Pass

Text on black

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