Pink

#F8CAC4

Red

Color Codes

All color formats for development

HEX

#F8CAC4

RGB

rgb(248, 202, 196)

HSL

hsl(7, 79%, 87%)

OKLCH

oklch(0.877 0.053 26.9)

CMYK

cmyk(0%, 19%, 21%, 3%)

Accessibility

WCAG contrast compliance

On White Background

1.48:1

AA ✗AAA ✗

On Black Background

14.24:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF3

100

#FBE2

200

#F8CA

300

#F3A1

400

#EC70

500

#E747

600

#C92C

700

#A023

800

#7219

900

#4910

950

#2E0A

Shades

Darker variations

1#F3A69C

2#EF8374

3#EA5F4D

4#E53B25

5#C72C17

6#9F2313

7#771A0E

8#4F1109

9#280905

Tints

Lighter variations

1#F9CFCA

2#F9D4D0

3#FADAD5

4#FBDFDB

5#FCE4E1

6#FCEAE7

7#FDEFED

8#FEF4F3

9#FEFAF9

Tones

Muted variations

1#F5CCC6

2#F3CEC9

3#F0D0CC

4#EED2CE

5#EBD4D1

6#E8D6D3

7#E6D8D6

8#E3DAD9

9#E0DCDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF3 `#FDF3F1`	BackgroundsSubtle highlightsCard backgrounds
100	FBE2 `#FBE2DF`	Light backgroundsTable row hoverSkeleton loading
200	F8CA `#F8CAC4`	Secondary backgroundsInput backgroundsDividers
300	F3A1 `#F3A196`	BordersInactive statesPlaceholder text
400	EC70 `#EC705F`	Disabled statesSecondary iconsMuted text
500	E747 `#E74732`	Primary brand colorCTAsActive elementsLinks
600	C92C `#C92C18`	Hover statesFocus ringsPrimary buttons hover
700	A023 `#A02313`	Active/pressed statesDark mode accentsSecondary text
800	7219 `#72190D`	Text on light backgroundsHeadingsStrong borders
900	4910 `#491009`	Primary textHigh emphasis contentDark headings
950	2E0A `#2E0A05`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FDF3F1;
  --pink-100: #FBE2DF;
  --pink-200: #F8CAC4;
  --pink-300: #F3A196;
  --pink-400: #EC705F;
  --pink-500: #E74732;
  --pink-600: #C92C18;
  --pink-700: #A02313;
  --pink-800: #72190D;
  --pink-900: #491009;
  --pink-950: #2E0A05;
}

Generate More Shades Create Palette Convert Color