Purple

#A819C8

Pink

Color Codes

All color formats for development

HEX

#A819C8

RGB

rgb(168, 25, 200)

HSL

hsl(289, 78%, 44%)

OKLCH

oklch(0.543 0.249 318.7)

CMYK

cmyk(16%, 88%, 0%, 22%)

Accessibility

WCAG contrast compliance

On White Background

5.77:1

AA ✓AAA ✗

On Black Background

3.64:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FBF1

100

#F6DF

200

#EEC4

300

#E197

400

#D260

500

#C533

600

#A819

700

#8514

800

#5F0E

900

#3D09

950

#2606

Shades

Darker variations

1#9716B4

2#8614A0

3#75118C

4#650F78

5#540C64

6#430A50

7#32073C

8#220528

9#110214

Tints

Lighter variations

1#BD1CE1

2#C534E6

3#CC4DE9

4#D466EC

5#DB80EF

6#E299F2

7#E9B3F6

8#F1CCF9

9#F8E6FC

Tones

Muted variations

1#A221BF

2#9D2AB6

3#9733AD

4#913CA5

5#8C449C

6#864D93

7#81568A

8#7B5F82

9#766779

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FBF1 `#FBF1FD`	BackgroundsSubtle highlightsCard backgrounds
100	F6DF `#F6DFFB`	Light backgroundsTable row hoverSkeleton loading
200	EEC4 `#EEC4F8`	Secondary backgroundsInput backgroundsDividers
300	E197 `#E197F2`	BordersInactive statesPlaceholder text
400	D260 `#D260EB`	Disabled statesSecondary iconsMuted text
500	C533 `#C533E6`	Primary brand colorCTAsActive elementsLinks
600	A819 `#A819C8`	Hover statesFocus ringsPrimary buttons hover
700	8514 `#85149F`	Active/pressed statesDark mode accentsSecondary text
800	5F0E `#5F0E71`	Text on light backgroundsHeadingsStrong borders
900	3D09 `#3D0949`	Primary textHigh emphasis contentDark headings
950	2606 `#26062D`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FBF1FD;
  --purple-100: #F6DFFB;
  --purple-200: #EEC4F8;
  --purple-300: #E197F2;
  --purple-400: #D260EB;
  --purple-500: #C533E6;
  --purple-600: #A819C8;
  --purple-700: #85149F;
  --purple-800: #5F0E71;
  --purple-900: #3D0949;
  --purple-950: #26062D;
}

Generate More Shades Create Palette Convert Color