Purple

#8D08AA

Pink

Color Codes

All color formats for development

HEX

#8D08AA

RGB

rgb(141, 8, 170)

HSL

hsl(289, 91%, 35%)

OKLCH

oklch(0.474 0.225 318.4)

CMYK

cmyk(17%, 95%, 0%, 33%)

Accessibility

WCAG contrast compliance

On White Background

7.64:1

AA ✓AAA ✓

On Black Background

2.75:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FCF0

100

#F7DD

200

#F1C0

300

#E68F

400

#D955

500

#CE24

600

#B10A

700

#8D08

800

#6406

900

#4004

950

#2802

Shades

Darker variations

1#7F0799

2#710688

3#620677

4#540566

5#460455

6#380344

7#2A0233

8#1C0222

9#0E0111

Tints

Lighter variations

1#A70ACA

2#C10BEA

3#CE21F5

4#D541F6

5#DC61F8

6#E380F9

7#EAA0FB

8#F1C0FC

9#F8DFFE

Tones

Muted variations

1#8810A2

2#82189A

3#7D2092

4#78298A

5#733182

6#6E397A

7#694172

8#644969

9#5E5161

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FCF0 `#FCF0FE`	BackgroundsSubtle highlightsCard backgrounds
100	F7DD `#F7DDFD`	Light backgroundsTable row hoverSkeleton loading
200	F1C0 `#F1C0FC`	Secondary backgroundsInput backgroundsDividers
300	E68F `#E68FFA`	BordersInactive statesPlaceholder text
400	D955 `#D955F7`	Disabled statesSecondary iconsMuted text
500	CE24 `#CE24F5`	Primary brand colorCTAsActive elementsLinks
600	B10A `#B10AD6`	Hover statesFocus ringsPrimary buttons hover
700	8D08 `#8D08AA`	Active/pressed statesDark mode accentsSecondary text
800	6406 `#64067A`	Text on light backgroundsHeadingsStrong borders
900	4004 `#40044E`	Primary textHigh emphasis contentDark headings
950	2802 `#280231`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FCF0FE;
  --purple-100: #F7DDFD;
  --purple-200: #F1C0FC;
  --purple-300: #E68FFA;
  --purple-400: #D955F7;
  --purple-500: #CE24F5;
  --purple-600: #B10AD6;
  --purple-700: #8D08AA;
  --purple-800: #64067A;
  --purple-900: #40044E;
  --purple-950: #280231;
}

Generate More Shades Create Palette Convert Color