#A30FA2

#A30FA2

Color Values

HEX

#A30FA2

RGB

163, 15, 162

HSL

300.4, 83.1%, 34.9%

HSV

300.4, 90.8%, 63.9%

CMYK

0.0%, 90.8%, 0.6%, 36.1%

OKLCH

0.5055 0.2244 328.6

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A30FA2

#0FA310

Analogous

#5A0FA3

#A30F58

#A30FA2

Triadic

#A30FA2

#A2A30F

#0FA2A3

Split Complementary

#A30FA2

#58A30F

#0FA35A

Tetradic

#A30FA2

#A35A0F

#0FA310

#0F58A3

Color Blindness Simulation

Original

#A30FA2

Protanopia

#63627E

Deuteranopia

#6C7776

Tritanopia

#9C625C

Achromatopsia

#393939

CSS Usage

background-color: #A30FA2;
color: #A30FA2;
border-color: #A30FA2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FD
100
#FAE1FA
200
#F9BEF9
300
#F58FF4
400
#EF52EE
500
#E916E8
600
#BB11BA
700
#950E95
800
#750B74
900
#550C54
950
#350835

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026