#481075

#481075

Color Values

HEX

#481075

RGB

72, 16, 117

HSL

273.3, 75.9%, 26.1%

HSV

273.3, 86.3%, 45.9%

CMYK

38.5%, 86.3%, 0.0%, 54.1%

OKLCH

0.3321 0.1558 303.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#481075

#3D7510

Analogous

#161075

#751070

#481075

Triadic

#481075

#754810

#107548

Split Complementary

#481075

#707510

#107516

Tetradic

#481075

#751610

#3D7510

#107075

Color Blindness Simulation

Original

#481075

Protanopia

#302F5D

Deuteranopia

#333757

Tritanopia

#454945

Achromatopsia

#232323

CSS Usage

background-color: #481075;
color: #481075;
border-color: #481075;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DEC0F6
300
#C793F0
400
#A959E8
500
#8A1FE0
600
#6F19B3
700
#581490
800
#450F70
900
#340F52
950
#210A34

Contrast Checker

Text on white

13.07:1

AA Pass AAA Pass

Text on black

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