Purple

#72047C

Pink

Color Codes

All color formats for development

HEX

#72047C

RGB

rgb(114, 4, 124)

HSL

hsl(295, 94%, 25%)

OKLCH

oklch(0.396 0.183 324)

CMYK

cmyk(8%, 97%, 0%, 51%)

Accessibility

WCAG contrast compliance

On White Background

10.38:1

AA ✓AAA ✓

On Black Background

2.02:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF0

100

#FBDC

200

#F8BF

300

#F28D

400

#EC52

500

#E620

600

#C807

700

#9F05

800

#7204

900

#4902

950

#2D02

Shades

Darker variations

1#66036F

2#5B0363

3#500357

4#44024A

5#39023E

6#2D0231

7#220125

8#170119

9#0B000C

Tints

Lighter variations

1#9405A1

2#B606C6

3#D807EB

4#E620F8

5#EA45F9

6#EE6BFA

7#F390FC

8#F7B5FD

9#FBDAFE

Tones

Muted variations

1#6D0A76

2#681070

3#63166A

4#5E1C64

5#59225E

6#542858

7#4F2E52

8#4A344C

9#453A46

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF0 `#FDF0FF`	BackgroundsSubtle highlightsCard backgrounds
100	FBDC `#FBDCFE`	Light backgroundsTable row hoverSkeleton loading
200	F8BF `#F8BFFD`	Secondary backgroundsInput backgroundsDividers
300	F28D `#F28DFB`	BordersInactive statesPlaceholder text
400	EC52 `#EC52FA`	Disabled statesSecondary iconsMuted text
500	E620 `#E620F8`	Primary brand colorCTAsActive elementsLinks
600	C807 `#C807DA`	Hover statesFocus ringsPrimary buttons hover
700	9F05 `#9F05AD`	Active/pressed statesDark mode accentsSecondary text
800	7204 `#72047C`	Text on light backgroundsHeadingsStrong borders
900	4902 `#49024F`	Primary textHigh emphasis contentDark headings
950	2D02 `#2D0231`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FDF0FF;
  --purple-100: #FBDCFE;
  --purple-200: #F8BFFD;
  --purple-300: #F28DFB;
  --purple-400: #EC52FA;
  --purple-500: #E620F8;
  --purple-600: #C807DA;
  --purple-700: #9F05AD;
  --purple-800: #72047C;
  --purple-900: #49024F;
  --purple-950: #2D0231;
}

Generate More Shades Create Palette Convert Color