#A20172

#A20172

Color Values

HEX

#A20172

RGB

162, 1, 114

HSL

317.9, 98.8%, 32.0%

HSV

317.9, 99.4%, 63.5%

CMYK

0.0%, 99.4%, 29.6%, 36.5%

OKLCH

0.4735 0.1997 346.4

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#A20172

#01A231

Analogous

#8201A2

#A20121

#A20172

Triadic

#A20172

#72A201

#0172A2

Split Complementary

#A20172

#21A201

#01A282

Tetradic

#A20172

#A28201

#01A231

#0121A2

Color Blindness Simulation

Original

#A20172

Protanopia

#5C5B57

Deuteranopia

#667250

Tritanopia

#9A413C

Achromatopsia

#2B2B2B

CSS Usage

background-color: #A20172;
color: #A20172;
border-color: #A20172;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FFB8EA
300
#FE85DA
400
#FE43C6
500
#FD02B2
600
#CB018F
700
#A20172
800
#7F0159
900
#5C0542
950
#3A032A

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

2.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026