Purple

#9913A0

Pink

Color Codes

All color formats for development

HEX

#9913A0

RGB

rgb(153, 19, 160)

HSL

hsl(297, 79%, 35%)

OKLCH

oklch(0.49 0.217 325.8)

CMYK

cmyk(4%, 88%, 0%, 37%)

Accessibility

WCAG contrast compliance

On White Background

7.11:1

AA ✓AAA ✓

On Black Background

2.96:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF1

100

#FADF

200

#F5C4

300

#EE96

400

#E55F

500

#DE32

600

#C018

700

#9913

800

#6D0D

900

#4609

950

#2C05

Shades

Darker variations

1#891190

2#7A0F80

3#6B0D70

4#5C0B60

5#4C0950

6#3D0740

7#2E0630

8#1F0420

9#0F0210

Tints

Lighter variations

1#B516BD

2#D11ADB

3#DD2FE7

4#E24DEA

5#E76BEE

6#EC88F1

7#F1A6F5

8#F5C4F8

9#FAE1FC

Tones

Muted variations

1#921A99

2#8C2192

3#86288B

4#7F2F84

5#79367D

6#733D75

7#6C446E

8#664B67

9#605260

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF1 `#FDF1FD`	BackgroundsSubtle highlightsCard backgrounds
100	FADF `#FADFFB`	Light backgroundsTable row hoverSkeleton loading
200	F5C4 `#F5C4F8`	Secondary backgroundsInput backgroundsDividers
300	EE96 `#EE96F3`	BordersInactive statesPlaceholder text
400	E55F `#E55FEC`	Disabled statesSecondary iconsMuted text
500	DE32 `#DE32E7`	Primary brand colorCTAsActive elementsLinks
600	C018 `#C018C9`	Hover statesFocus ringsPrimary buttons hover
700	9913 `#9913A0`	Active/pressed statesDark mode accentsSecondary text
800	6D0D `#6D0D72`	Text on light backgroundsHeadingsStrong borders
900	4609 `#460949`	Primary textHigh emphasis contentDark headings
950	2C05 `#2C052E`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FDF1FD;
  --purple-100: #FADFFB;
  --purple-200: #F5C4F8;
  --purple-300: #EE96F3;
  --purple-400: #E55FEC;
  --purple-500: #DE32E7;
  --purple-600: #C018C9;
  --purple-700: #9913A0;
  --purple-800: #6D0D72;
  --purple-900: #460949;
  --purple-950: #2C052E;
}

Generate More Shades Create Palette Convert Color