#A13976

#A13976

Color Values

HEX

#A13976

RGB

161, 57, 118

HSL

324.8, 47.7%, 42.7%

HSV

324.8, 64.6%, 63.1%

CMYK

0.0%, 64.6%, 26.7%, 36.9%

OKLCH

0.5107 0.1525 347.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#A13976

#39A164

Analogous

#9839A1

#A13942

#A13976

Triadic

#A13976

#76A139

#3976A1

Split Complementary

#A13976

#42A139

#39A198

Tetradic

#A13976

#A19839

#39A164

#3942A1

Color Blindness Simulation

Original

#A13976

Protanopia

#747367

Deuteranopia

#7A8264

Tritanopia

#9C5C59

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADE
300
#DFA5C7
400
#CE74A8
500
#BC438A
600
#97356E
700
#792B58
800
#5E2145
900
#451C34
950
#2C1121

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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