Purple

#7C035A

Pink

Color Codes

All color formats for development

HEX

#7C035A

RGB

rgb(124, 3, 90)

HSL

hsl(317, 95%, 25%)

OKLCH

oklch(0.393 0.165 344.5)

CMYK

cmyk(0%, 98%, 27%, 51%)

Accessibility

WCAG contrast compliance

On White Background

10.41:1

AA ✓AAA ✓

On Black Background

2.02:1

AA ✗AAA ✗

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FFF0

100

#FEDC

200

#FDBE

300

#FC8D

400

#FB51

500

#F91F

600

#DB06

700

#AE04

800

#7C03

900

#5002

950

#3201

Shades

Darker variations

1#700351

2#630348

3#57023F

4#4B0236

5#3E022D

6#320124

7#25011B

8#190112

9#0C0009

Tints

Lighter variations

1#A20475

2#C70590

3#EC06AB

4#F91FBB

5#FA45C7

6#FB6AD2

7#FC8FDD

8#FDB4E8

9#FEDAF4

Tones

Muted variations

1#760957

2#700F55

3#6A1552

4#641B4F

5#5E214D

6#58284A

7#522E48

8#4C3445

9#463A42

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF0 `#FFF0FA`	BackgroundsSubtle highlightsCard backgrounds
100	FEDC `#FEDCF4`	Light backgroundsTable row hoverSkeleton loading
200	FDBE `#FDBEEB`	Secondary backgroundsInput backgroundsDividers
300	FC8D `#FC8DDC`	BordersInactive statesPlaceholder text
400	FB51 `#FB51CA`	Disabled statesSecondary iconsMuted text
500	F91F `#F91FBB`	Primary brand colorCTAsActive elementsLinks
600	DB06 `#DB069E`	Hover statesFocus ringsPrimary buttons hover
700	AE04 `#AE047E`	Active/pressed statesDark mode accentsSecondary text
800	7C03 `#7C035A`	Text on light backgroundsHeadingsStrong borders
900	5002 `#50023A`	Primary textHigh emphasis contentDark headings
950	3201 `#320124`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --purple-50: #FFF0FA;
  --purple-100: #FEDCF4;
  --purple-200: #FDBEEB;
  --purple-300: #FC8DDC;
  --purple-400: #FB51CA;
  --purple-500: #F91FBB;
  --purple-600: #DB069E;
  --purple-700: #AE047E;
  --purple-800: #7C035A;
  --purple-900: #50023A;
  --purple-950: #320124;
}

Generate More Shades Create Palette Convert Color