Purple

#991EC2

Pink

Color Codes

All color formats for development

HEX

#991EC2

RGB

rgb(153, 30, 194)

HSL

hsl(285, 73%, 44%)

OKLCH

oklch(0.519 0.236 315.2)

CMYK

cmyk(21%, 85%, 0%, 24%)

Accessibility

WCAG contrast compliance

On White Background

6.33:1

AA ✓AAA ✗

On Black Background

3.32:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FAF2

100

#F4E0

200

#EAC6

300

#DA9A

400

#C665

500

#B638

600

#991E

700

#7A18

800

#5711

900

#380B

950

#2307

Shades

Darker variations

1#8A1BAF

2#7B189B

3#6B1588

4#5C1274

5#4D0F61

6#3D0C4E

7#2E093A

8#1F0627

9#0F0313

Tints

Lighter variations

1#AD22DB

2#B639E0

3#C052E4

4#C96BE8

5#D283EC

6#DB9CF0

7#E4B5F3

8#EDCEF7

9#F6E6FB

Tones

Muted variations

1#9526BA

2#912FB2

3#8D37AA

4#893FA1

5#854799

6#814F91

7#7C5889

8#786081

9#746878

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FAF2 `#FAF2FD`	BackgroundsSubtle highlightsCard backgrounds
100	F4E0 `#F4E0FA`	Light backgroundsTable row hoverSkeleton loading
200	EAC6 `#EAC6F6`	Secondary backgroundsInput backgroundsDividers
300	DA9A `#DA9AEF`	BordersInactive statesPlaceholder text
400	C665 `#C665E7`	Disabled statesSecondary iconsMuted text
500	B638 `#B638E0`	Primary brand colorCTAsActive elementsLinks
600	991E `#991EC2`	Hover statesFocus ringsPrimary buttons hover
700	7A18 `#7A189A`	Active/pressed statesDark mode accentsSecondary text
800	5711 `#57116E`	Text on light backgroundsHeadingsStrong borders
900	380B `#380B47`	Primary textHigh emphasis contentDark headings
950	2307 `#23072C`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FAF2FD;
  --purple-100: #F4E0FA;
  --purple-200: #EAC6F6;
  --purple-300: #DA9AEF;
  --purple-400: #C665E7;
  --purple-500: #B638E0;
  --purple-600: #991EC2;
  --purple-700: #7A189A;
  --purple-800: #57116E;
  --purple-900: #380B47;
  --purple-950: #23072C;
}

Generate More Shades Create Palette Convert Color