#A2017B

#A2017B

Color Values

HEX

#A2017B

RGB

162, 1, 123

HSL

314.5, 98.8%, 32.0%

HSV

314.5, 99.4%, 63.5%

CMYK

0.0%, 99.4%, 24.1%, 36.5%

OKLCH

0.4778 0.2047 342.6

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#A2017B

#01A228

Analogous

#7901A2

#A2012B

#A2017B

Triadic

#A2017B

#7BA201

#017BA2

Split Complementary

#A2017B

#2BA201

#01A279

Tetradic

#A2017B

#A27901

#01A228

#012BA2

Color Blindness Simulation

Original

#A2017B

Protanopia

#5C5B5E

Deuteranopia

#667256

Tritanopia

#9A4641

Achromatopsia

#2C2C2C

CSS Usage

background-color: #A2017B;
color: #A2017B;
border-color: #A2017B;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FFB8EE
300
#FE85E1
400
#FE43D1
500
#FD02C1
600
#CB019A
700
#A2017B
800
#7F0160
900
#5C0547
950
#3A032D

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026