Pink

#FCCCC0

Red

Color Codes

All color formats for development

HEX

#FCCCC0

RGB

rgb(252, 204, 192)

HSL

hsl(12, 91%, 87%)

OKLCH

oklch(0.884 0.057 34.4)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.44:1

AA ✗AAA ✗

On Black Background

14.54:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FEF3

100

#FDE3

200

#FCCC

300

#FAA4

400

#F775

500

#F54E

600

#D633

700

#AA29

800

#7A1D

900

#4E13

950

#310C

Shades

Darker variations

1#FAA995

2#F8876B

3#F66541

4#F44316

5#D4320A

6#A92808

7#7F1E06

8#551404

9#2A0A02

Tints

Lighter variations

1#FCD1C6

2#FDD6CC

3#FDDBD3

4#FDE0D9

5#FEE5DF

6#FEEBE6

7#FEF0EC

8#FEF5F2

9#FFFAF9

Tones

Muted variations

1#F9CEC3

2#F6CFC6

3#F3D1C9

4#F0D3CC

5#EDD5CF

6#EAD7D2

7#E7D8D5

8#E4DAD8

9#E1DCDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FEF3 `#FEF3F0`	BackgroundsSubtle highlightsCard backgrounds
100	FDE3 `#FDE3DD`	Light backgroundsTable row hoverSkeleton loading
200	FCCC `#FCCCC0`	Secondary backgroundsInput backgroundsDividers
300	FAA4 `#FAA48F`	BordersInactive statesPlaceholder text
400	F775 `#F77555`	Disabled statesSecondary iconsMuted text
500	F54E `#F54E24`	Primary brand colorCTAsActive elementsLinks
600	D633 `#D6330A`	Hover statesFocus ringsPrimary buttons hover
700	AA29 `#AA2908`	Active/pressed statesDark mode accentsSecondary text
800	7A1D `#7A1D06`	Text on light backgroundsHeadingsStrong borders
900	4E13 `#4E1304`	Primary textHigh emphasis contentDark headings
950	310C `#310C02`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FEF3F0;
  --pink-100: #FDE3DD;
  --pink-200: #FCCCC0;
  --pink-300: #FAA48F;
  --pink-400: #F77555;
  --pink-500: #F54E24;
  --pink-600: #D6330A;
  --pink-700: #AA2908;
  --pink-800: #7A1D06;
  --pink-900: #4E1304;
  --pink-950: #310C02;
}

Generate More Shades Create Palette Convert Color