#480289

#480289

Color Values

HEX

#480289

RGB

72, 2, 137

HSL

271.1, 97.1%, 27.3%

HSV

271.1, 98.5%, 53.7%

CMYK

47.4%, 98.5%, 0.0%, 46.3%

OKLCH

0.3434 0.1841 297.4

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#480289

#438902

Analogous

#040289

#890287

#480289

Triadic

#480289

#894802

#028948

Split Complementary

#480289

#878902

#028904

Tetradic

#480289

#890402

#438902

#028789

Color Blindness Simulation

Original

#480289

Protanopia

#2A2968

Deuteranopia

#2E3360

Tritanopia

#444F49

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DDB9FE
300
#C486FD
400
#A445FC
500
#8404FB
600
#6A03C9
700
#5502A1
800
#42027E
900
#32065B
950
#200439

Contrast Checker

Text on white

12.76:1

AA Pass AAA Pass

Text on black

1.65:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026