Pink

#FDBFCA

Red

Color Codes

All color formats for development

HEX

#FDBFCA

RGB

rgb(253, 191, 202)

HSL

hsl(349, 94%, 87%)

OKLCH

oklch(0.864 0.072 6.9)

CMYK

cmyk(0%, 25%, 20%, 1%)

Accessibility

WCAG contrast compliance

On White Background

1.56:1

AA ✗AAA ✗

On Black Background

13.48:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FFF0

100

#FEDC

200

#FDBF

300

#FB8D

400

#FA52

500

#F820

600

#DA07

700

#AD05

800

#7C04

900

#4F02

950

#3102

Shades

Darker variations

1#FC94A7

2#FA6983

3#F93E60

4#F8133D

5#D7072D

6#AC0524

7#81041B

8#560312

9#2B0109

Tints

Lighter variations

1#FDC5CF

2#FDCCD5

3#FED2DA

4#FED8DF

5#FEDFE5

6#FEE5EA

7#FEECEF

8#FFF2F4

9#FFF9FA

Tones

Muted variations

1#FAC2CC

2#F7C5CE

3#F4C8D0

4#F1CBD2

5#EDCED4

6#EAD1D6

7#E7D5D8

8#E4D8DA

9#E1DBDC

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF0 `#FFF0F3`	BackgroundsSubtle highlightsCard backgrounds
100	FEDC `#FEDCE3`	Light backgroundsTable row hoverSkeleton loading
200	FDBF `#FDBFCA`	Secondary backgroundsInput backgroundsDividers
300	FB8D `#FB8DA1`	BordersInactive statesPlaceholder text
400	FA52 `#FA5271`	Disabled statesSecondary iconsMuted text
500	F820 `#F82048`	Primary brand colorCTAsActive elementsLinks
600	DA07 `#DA072D`	Hover statesFocus ringsPrimary buttons hover
700	AD05 `#AD0524`	Active/pressed statesDark mode accentsSecondary text
800	7C04 `#7C041A`	Text on light backgroundsHeadingsStrong borders
900	4F02 `#4F0211`	Primary textHigh emphasis contentDark headings
950	3102 `#31020A`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FFF0F3;
  --pink-100: #FEDCE3;
  --pink-200: #FDBFCA;
  --pink-300: #FB8DA1;
  --pink-400: #FA5271;
  --pink-500: #F82048;
  --pink-600: #DA072D;
  --pink-700: #AD0524;
  --pink-800: #7C041A;
  --pink-900: #4F0211;
  --pink-950: #31020A;
}

Generate More Shades Create Palette Convert Color