Pink

#F8C3C3

Red

Color Codes

All color formats for development

HEX

#F8C3C3

RGB

rgb(248, 195, 195)

HSL

hsl(0, 79%, 87%)

OKLCH

oklch(0.864 0.061 18.4)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.55:1

AA ✗AAA ✗

On Black Background

13.59:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF1

100

#FBDF

200

#F8C4

300

#F396

400

#EC5F

500

#E732

600

#C918

700

#A013

800

#720D

900

#4909

950

#2E05

Shades

Darker variations

1#F39C9C

2#EF7474

3#EA4D4D

4#E52525

5#C71717

6#9F1313

7#770E0E

8#4F0909

9#280505

Tints

Lighter variations

1#F9CACA

2#F9D0D0

3#FAD5D5

4#FBDBDB

5#FCE1E1

6#FCE7E7

7#FDEDED

8#FEF3F3

9#FEF9F9

Tones

Muted variations

1#F5C6C6

2#F3C9C9

3#F0CCCC

4#EECECE

5#EBD1D1

6#E8D3D3

7#E6D6D6

8#E3D9D9

9#E0DBDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF1 `#FDF1F1`	BackgroundsSubtle highlightsCard backgrounds
100	FBDF `#FBDFDF`	Light backgroundsTable row hoverSkeleton loading
200	F8C4 `#F8C4C4`	Secondary backgroundsInput backgroundsDividers
300	F396 `#F39696`	BordersInactive statesPlaceholder text
400	EC5F `#EC5F5F`	Disabled statesSecondary iconsMuted text
500	E732 `#E73232`	Primary brand colorCTAsActive elementsLinks
600	C918 `#C91818`	Hover statesFocus ringsPrimary buttons hover
700	A013 `#A01313`	Active/pressed statesDark mode accentsSecondary text
800	720D `#720D0D`	Text on light backgroundsHeadingsStrong borders
900	4909 `#490909`	Primary textHigh emphasis contentDark headings
950	2E05 `#2E0505`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FDF1F1;
  --pink-100: #FBDFDF;
  --pink-200: #F8C4C4;
  --pink-300: #F39696;
  --pink-400: #EC5F5F;
  --pink-500: #E73232;
  --pink-600: #C91818;
  --pink-700: #A01313;
  --pink-800: #720D0D;
  --pink-900: #490909;
  --pink-950: #2E0505;
}

Generate More Shades Create Palette Convert Color