Purple

#9E15CB

Pink

Color Codes

All color formats for development

HEX

#9E15CB

RGB

rgb(158, 21, 203)

HSL

hsl(285, 81%, 44%)

OKLCH

oklch(0.529 0.25 314.8)

CMYK

cmyk(22%, 90%, 0%, 20%)

Accessibility

WCAG contrast compliance

On White Background

6.13:1

AA ✓AAA ✗

On Black Background

3.42:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FAF1

100

#F4DF

200

#EBC3

300

#DC95

400

#CA5D

500

#BB2F

600

#9E15

700

#7D11

800

#5A0C

900

#3908

950

#2405

Shades

Darker variations

1#8E13B7

2#7E11A2

3#6E0F8E

4#5F0D7A

5#4F0B66

6#3F0951

7#2F063D

8#200429

9#100214

Tints

Lighter variations

1#B218E5

2#BB30E9

3#C44AEC

4#CC64EF

5#D57EF1

6#DD98F4

7#E6B1F7

8#EECBFA

9#F7E5FC

Tones

Muted variations

1#991EC2

2#9527B9

3#9031B0

4#8B3AA7

5#87439E

6#824C95

7#7E558B

8#795E82

9#756779

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FAF1 `#FAF1FE`	BackgroundsSubtle highlightsCard backgrounds
100	F4DF `#F4DFFC`	Light backgroundsTable row hoverSkeleton loading
200	EBC3 `#EBC3F9`	Secondary backgroundsInput backgroundsDividers
300	DC95 `#DC95F4`	BordersInactive statesPlaceholder text
400	CA5D `#CA5DEE`	Disabled statesSecondary iconsMuted text
500	BB2F `#BB2FE9`	Primary brand colorCTAsActive elementsLinks
600	9E15 `#9E15CB`	Hover statesFocus ringsPrimary buttons hover
700	7D11 `#7D11A2`	Active/pressed statesDark mode accentsSecondary text
800	5A0C `#5A0C73`	Text on light backgroundsHeadingsStrong borders
900	3908 `#39084A`	Primary textHigh emphasis contentDark headings
950	2405 `#24052E`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FAF1FE;
  --purple-100: #F4DFFC;
  --purple-200: #EBC3F9;
  --purple-300: #DC95F4;
  --purple-400: #CA5DEE;
  --purple-500: #BB2FE9;
  --purple-600: #9E15CB;
  --purple-700: #7D11A2;
  --purple-800: #5A0C73;
  --purple-900: #39084A;
  --purple-950: #24052E;
}

Generate More Shades Create Palette Convert Color