Purple

#730C54

Pink

Color Codes

All color formats for development

HEX

#730C54

RGB

rgb(115, 12, 84)

HSL

hsl(318, 81%, 25%)

OKLCH

oklch(0.377 0.15 344.5)

CMYK

cmyk(0%, 90%, 27%, 55%)

Accessibility

WCAG contrast compliance

On White Background

11.00:1

AA ✓AAA ✓

On Black Background

1.91:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FEF1

100

#FCDF

200

#F9C3

300

#F495

400

#EE5D

500

#E92F

600

#CB15

700

#A211

800

#730C

900

#4A08

950

#2E05

Shades

Darker variations

1#680B4C

2#5C0A44

3#51083B

4#450733

5#3A062A

6#2E0522

7#230419

8#170211

9#0C0108

Tints

Lighter variations

1#96106E

2#B91387

3#DB17A0

4#E92FB1

5#ED52BE

6#F075CB

7#F497D8

8#F8BAE5

9#FBDCF2

Tones

Muted variations

1#6E1152

2#691650

3#641C4E

4#5F214C

5#5A264A

6#542B48

7#4F3046

8#4A3544

9#453B42

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FEF1 `#FEF1FA`	BackgroundsSubtle highlightsCard backgrounds
100	FCDF `#FCDFF3`	Light backgroundsTable row hoverSkeleton loading
200	F9C3 `#F9C3E9`	Secondary backgroundsInput backgroundsDividers
300	F495 `#F495D7`	BordersInactive statesPlaceholder text
400	EE5D `#EE5DC3`	Disabled statesSecondary iconsMuted text
500	E92F `#E92FB1`	Primary brand colorCTAsActive elementsLinks
600	CB15 `#CB1595`	Hover statesFocus ringsPrimary buttons hover
700	A211 `#A21176`	Active/pressed statesDark mode accentsSecondary text
800	730C `#730C54`	Text on light backgroundsHeadingsStrong borders
900	4A08 `#4A0836`	Primary textHigh emphasis contentDark headings
950	2E05 `#2E0522`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FEF1FA;
  --purple-100: #FCDFF3;
  --purple-200: #F9C3E9;
  --purple-300: #F495D7;
  --purple-400: #EE5DC3;
  --purple-500: #E92FB1;
  --purple-600: #CB1595;
  --purple-700: #A21176;
  --purple-800: #730C54;
  --purple-900: #4A0836;
  --purple-950: #2E0522;
}

Generate More Shades Create Palette Convert Color