Purple

#6F057A

Pink

Color Codes

All color formats for development

HEX

#6F057A

RGB

rgb(111, 5, 122)

HSL

hsl(294, 92%, 25%)

OKLCH

oklch(0.39 0.18 323.4)

CMYK

cmyk(9%, 96%, 0%, 52%)

Accessibility

WCAG contrast compliance

On White Background

10.61:1

AA ✓AAA ✓

On Black Background

1.98:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF0

100

#FADD

200

#F6BF

300

#F08E

400

#E754

500

#E123

600

#C309

700

#9B07

800

#6F05

900

#4703

950

#2C02

Shades

Darker variations

1#64056E

2#590462

3#4D0456

4#420349

5#37033D

6#2C0231

7#210225

8#160118

9#0B010C

Tints

Lighter variations

1#90079F

2#B108C4

3#D20AE9

4#E123F6

5#E647F7

6#EB6CF9

7#F091FA

8#F5B6FC

9#FADAFD

Tones

Muted variations

1#6A0B75

2#65116F

3#611769

4#5C1D63

5#57225D

6#532857

7#4E2E51

8#49344B

9#443A46

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF0 `#FDF0FE`	BackgroundsSubtle highlightsCard backgrounds
100	FADD `#FADDFE`	Light backgroundsTable row hoverSkeleton loading
200	F6BF `#F6BFFC`	Secondary backgroundsInput backgroundsDividers
300	F08E `#F08EFA`	BordersInactive statesPlaceholder text
400	E754 `#E754F8`	Disabled statesSecondary iconsMuted text
500	E123 `#E123F6`	Primary brand colorCTAsActive elementsLinks
600	C309 `#C309D7`	Hover statesFocus ringsPrimary buttons hover
700	9B07 `#9B07AB`	Active/pressed statesDark mode accentsSecondary text
800	6F05 `#6F057A`	Text on light backgroundsHeadingsStrong borders
900	4703 `#47034E`	Primary textHigh emphasis contentDark headings
950	2C02 `#2C0231`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FDF0FE;
  --purple-100: #FADDFE;
  --purple-200: #F6BFFC;
  --purple-300: #F08EFA;
  --purple-400: #E754F8;
  --purple-500: #E123F6;
  --purple-600: #C309D7;
  --purple-700: #9B07AB;
  --purple-800: #6F057A;
  --purple-900: #47034E;
  --purple-950: #2C0231;
}

Generate More Shades Create Palette Convert Color