#A302A2

#A302A2

Color Values

HEX

#A302A2

RGB

163, 2, 162

HSL

300.4, 97.6%, 32.4%

HSV

300.4, 98.8%, 63.9%

CMYK

0.0%, 98.8%, 0.6%, 36.1%

OKLCH

0.5019 0.2293 328.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A302A2

#02A303

Analogous

#5402A3

#A30252

#A302A2

Triadic

#A302A2

#A2A302

#02A2A3

Split Complementary

#A302A2

#52A302

#02A354

Tetradic

#A302A2

#A35402

#02A303

#0252A3

Color Blindness Simulation

Original

#A302A2

Protanopia

#5D5C7B

Deuteranopia

#677372

Tritanopia

#9B5D56

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB8FE
300
#FE86FD
400
#FD45FC
500
#FC03FA
600
#CA02C8
700
#A102A0
800
#7E027D
900
#5B065A
950
#390439

Contrast Checker

Text on white

6.8:1

AA Pass AAA Fail

Text on black

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