Purple

#69057A

Pink

Color Codes

All color formats for development

HEX

#69057A

RGB

rgb(105, 5, 122)

HSL

hsl(291, 92%, 25%)

OKLCH

oklch(0.38 0.178 320.6)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

11.03:1

AA ✓AAA ✓

On Black Background

1.90:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FCF0

100

#F9DD

200

#F3BF

300

#EA8E

400

#DF54

500

#D623

600

#B809

700

#9307

800

#6905

900

#4303

950

#2A02

Shades

Darker variations

1#5E056E

2#540462

3#490456

4#3F0349

5#34033D

6#2A0231

7#1F0225

8#150118

9#0A010C

Tints

Lighter variations

1#88079F

2#A808C4

3#C70AE9

4#D623F6

5#DD47F7

6#E46CF9

7#EB91FA

8#F1B6FC

9#F8DAFD

Tones

Muted variations

1#650B75

2#61116F

3#5C1769

4#581D63

5#54225D

6#502857

7#4C2E51

8#48344B

9#443A46

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FCF0 `#FCF0FE`	BackgroundsSubtle highlightsCard backgrounds
100	F9DD `#F9DDFE`	Light backgroundsTable row hoverSkeleton loading
200	F3BF `#F3BFFC`	Secondary backgroundsInput backgroundsDividers
300	EA8E `#EA8EFA`	BordersInactive statesPlaceholder text
400	DF54 `#DF54F8`	Disabled statesSecondary iconsMuted text
500	D623 `#D623F6`	Primary brand colorCTAsActive elementsLinks
600	B809 `#B809D7`	Hover statesFocus ringsPrimary buttons hover
700	9307 `#9307AB`	Active/pressed statesDark mode accentsSecondary text
800	6905 `#69057A`	Text on light backgroundsHeadingsStrong borders
900	4303 `#43034E`	Primary textHigh emphasis contentDark headings
950	2A02 `#2A0231`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FCF0FE;
  --purple-100: #F9DDFE;
  --purple-200: #F3BFFC;
  --purple-300: #EA8EFA;
  --purple-400: #DF54F8;
  --purple-500: #D623F6;
  --purple-600: #B809D7;
  --purple-700: #9307AB;
  --purple-800: #69057A;
  --purple-900: #43034E;
  --purple-950: #2A0231;
}

Generate More Shades Create Palette Convert Color