Purple

#9A07DA

Purple

Color Codes

All color formats for development

HEX

#9A07DA

RGB

rgb(154, 7, 218)

HSL

hsl(282, 94%, 44%)

OKLCH

oklch(0.531 0.265 310)

CMYK

cmyk(29%, 97%, 0%, 15%)

Accessibility

WCAG contrast compliance

On White Background

6.15: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

#FAF0

100

#F4DC

200

#EABF

300

#DA8D

400

#C752

500

#B720

600

#9A07

700

#7B05

800

#5804

900

#3802

950

#2302

Shades

Darker variations

1#8B06C4

2#7C05AE

3#6C0598

4#5D0483

5#4D036D

6#3E0357

7#2E0241

8#1F012C

9#0F0116

Tints

Lighter variations

1#AE08F5

2#B821F8

3#C13DF9

4#CA59FA

5#D274FB

6#DB90FC

7#E4ACFC

8#EDC8FD

9#F6E3FE

Tones

Muted variations

1#9611CF

2#921CC5

3#8E26BA

4#8A31AF

5#853BA5

6#81469A

7#7D5190

8#795B85

9#74667B

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FAF0 `#FAF0FF`	BackgroundsSubtle highlightsCard backgrounds
100	F4DC `#F4DCFE`	Light backgroundsTable row hoverSkeleton loading
200	EABF `#EABFFD`	Secondary backgroundsInput backgroundsDividers
300	DA8D `#DA8DFB`	BordersInactive statesPlaceholder text
400	C752 `#C752FA`	Disabled statesSecondary iconsMuted text
500	B720 `#B720F8`	Primary brand colorCTAsActive elementsLinks
600	9A07 `#9A07DA`	Hover statesFocus ringsPrimary buttons hover
700	7B05 `#7B05AD`	Active/pressed statesDark mode accentsSecondary text
800	5804 `#58047C`	Text on light backgroundsHeadingsStrong borders
900	3802 `#38024F`	Primary textHigh emphasis contentDark headings
950	2302 `#230231`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FAF0FF;
  --purple-100: #F4DCFE;
  --purple-200: #EABFFD;
  --purple-300: #DA8DFB;
  --purple-400: #C752FA;
  --purple-500: #B720F8;
  --purple-600: #9A07DA;
  --purple-700: #7B05AD;
  --purple-800: #58047C;
  --purple-900: #38024F;
  --purple-950: #230231;
}

Generate More Shades Create Palette Convert Color