Purple

#8109AA

Pink

Color Codes

All color formats for development

HEX

#8109AA

RGB

rgb(129, 9, 170)

HSL

hsl(285, 90%, 35%)

OKLCH

oklch(0.457 0.221 313.8)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

8.23:1

AA ✓AAA ✓

On Black Background

2.55:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FBF0

100

#F5DD

200

#EDC0

300

#DF90

400

#CE55

500

#C025

600

#A30B

700

#8109

800

#5C06

900

#3B04

950

#2503

Shades

Darker variations

1#740899

2#680788

3#5B0677

4#4E0566

5#410455

6#340444

7#270333

8#1A0222

9#0D0111

Tints

Lighter variations

1#990BC9

2#B10CE9

3#BF23F3

4#C842F5

5#D162F7

6#DB81F8

7#E4A1FA

8#EDC0FC

9#F6E0FD

Tones

Muted variations

1#7D11A2

2#79199A

3#752191

4#712989

5#6D3181

6#693979

7#654171

8#614969

9#5D5161

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FBF0 `#FBF0FE`	BackgroundsSubtle highlightsCard backgrounds
100	F5DD `#F5DDFD`	Light backgroundsTable row hoverSkeleton loading
200	EDC0 `#EDC0FC`	Secondary backgroundsInput backgroundsDividers
300	DF90 `#DF90F9`	BordersInactive statesPlaceholder text
400	CE55 `#CE55F6`	Disabled statesSecondary iconsMuted text
500	C025 `#C025F4`	Primary brand colorCTAsActive elementsLinks
600	A30B `#A30BD5`	Hover statesFocus ringsPrimary buttons hover
700	8109 `#8109AA`	Active/pressed statesDark mode accentsSecondary text
800	5C06 `#5C0679`	Text on light backgroundsHeadingsStrong borders
900	3B04 `#3B044E`	Primary textHigh emphasis contentDark headings
950	2503 `#250330`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FBF0FE;
  --purple-100: #F5DDFD;
  --purple-200: #EDC0FC;
  --purple-300: #DF90F9;
  --purple-400: #CE55F6;
  --purple-500: #C025F4;
  --purple-600: #A30BD5;
  --purple-700: #8109AA;
  --purple-800: #5C0679;
  --purple-900: #3B044E;
  --purple-950: #250330;
}

Generate More Shades Create Palette Convert Color