Pink

#FCC9C0

Red

Color Codes

All color formats for development

HEX

#FCC9C0

RGB

rgb(252, 201, 192)

HSL

hsl(9, 91%, 87%)

OKLCH

oklch(0.878 0.06 29.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.47:1

AA ✗AAA ✗

On Black Background

14.25:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FEF2

100

#FDE2

200

#FCC9

300

#FA9F

400

#F76D

500

#F543

600

#D629

700

#AA20

800

#7A17

900

#4E0F

950

#3109

Shades

Darker variations

1#FAA495

2#F8806B

3#F65C41

4#F43716

5#D4280A

6#A92008

7#7F1806

8#551004

9#2A0802

Tints

Lighter variations

1#FCCEC6

2#FDD4CC

3#FDD9D3

4#FDDED9

5#FEE4DF

6#FEE9E6

7#FEEFEC

8#FEF4F2

9#FFFAF9

Tones

Muted variations

1#F9CBC3

2#F6CDC6

3#F3CFC9

4#F0D1CC

5#EDD3CF

6#EAD5D2

7#E7D8D5

8#E4DAD8

9#E1DCDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FEF2 `#FEF2F0`	BackgroundsSubtle highlightsCard backgrounds
100	FDE2 `#FDE2DD`	Light backgroundsTable row hoverSkeleton loading
200	FCC9 `#FCC9C0`	Secondary backgroundsInput backgroundsDividers
300	FA9F `#FA9F8F`	BordersInactive statesPlaceholder text
400	F76D `#F76D55`	Disabled statesSecondary iconsMuted text
500	F543 `#F54324`	Primary brand colorCTAsActive elementsLinks
600	D629 `#D6290A`	Hover statesFocus ringsPrimary buttons hover
700	AA20 `#AA2008`	Active/pressed statesDark mode accentsSecondary text
800	7A17 `#7A1706`	Text on light backgroundsHeadingsStrong borders
900	4E0F `#4E0F04`	Primary textHigh emphasis contentDark headings
950	3109 `#310902`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FEF2F0;
  --pink-100: #FDE2DD;
  --pink-200: #FCC9C0;
  --pink-300: #FA9F8F;
  --pink-400: #F76D55;
  --pink-500: #F54324;
  --pink-600: #D6290A;
  --pink-700: #AA2008;
  --pink-800: #7A1706;
  --pink-900: #4E0F04;
  --pink-950: #310902;
}

Generate More Shades Create Palette Convert Color