#480671

#480671

Color Values

HEX

#480671

RGB

72, 6, 113

HSL

277.0, 89.9%, 23.3%

HSV

277.0, 94.7%, 44.3%

CMYK

36.3%, 94.7%, 0.0%, 55.7%

OKLCH

0.3215 0.1593 306.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#480671

#2F7106

Analogous

#120671

#710664

#480671

Triadic

#480671

#714806

#067148

Split Complementary

#480671

#647106

#067112

Tetradic

#480671

#711206

#2F7106

#066471

Color Blindness Simulation

Original

#480671

Protanopia

#2B2B57

Deuteranopia

#2F3451

Tritanopia

#45433E

Achromatopsia

#1C1C1C

CSS Usage

background-color: #480671;
color: #480671;
border-color: #480671;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F2FD
100
#F0E0FB
200
#E3BBFB
300
#CF8BF9
400
#B44CF5
500
#9A0DF2
600
#7B0AC2
700
#63089B
800
#4D0679
900
#3A0958
950
#240637

Contrast Checker

Text on white

13.64:1

AA Pass AAA Pass

Text on black

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