#A30254

#A30254

Color Values

HEX

#A30254

RGB

163, 2, 84

HSL

329.4, 97.6%, 32.4%

HSV

329.4, 98.8%, 63.9%

CMYK

0.0%, 98.8%, 48.5%, 36.1%

OKLCH

0.4638 0.1868 0.4

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#A30254

#02A351

Analogous

#A202A3

#A30204

#A30254

Triadic

#A30254

#54A302

#0254A3

Split Complementary

#A30254

#04A302

#02A3A2

Tetradic

#A30254

#A3A202

#02A351

#0204A3

Color Blindness Simulation

Original

#A30254

Protanopia

#5D5C40

Deuteranopia

#67733B

Tritanopia

#9B302D

Achromatopsia

#2A2A2A

CSS Usage

background-color: #A30254;
color: #A30254;
border-color: #A30254;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB8DC
300
#FE86C3
400
#FD45A2
500
#FC0382
600
#CA0268
700
#A10253
800
#7E0241
900
#5B0631
950
#39041F

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

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