#A30176

#A30176

Color Values

HEX

#A30176

RGB

163, 1, 118

HSL

316.7, 98.8%, 32.2%

HSV

316.7, 99.4%, 63.9%

CMYK

0.0%, 99.4%, 27.6%, 36.1%

OKLCH

0.4772 0.2024 345.0

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#A30176

#01A32E

Analogous

#7F01A3

#A30125

#A30176

Triadic

#A30176

#76A301

#0176A3

Split Complementary

#A30176

#25A301

#01A37F

Tetradic

#A30176

#A37F01

#01A32E

#0125A3

Color Blindness Simulation

Original

#A30176

Protanopia

#5D5B5A

Deuteranopia

#667253

Tritanopia

#9B433E

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF4
200
#FFB8EB
300
#FE85DD
400
#FE43CA
500
#FD02B7
600
#CB0193
700
#A20175
800
#7F015C
900
#5C0544
950
#3A032B

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

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