Pink

#F8CDC4

Red

Color Codes

All color formats for development

HEX

#F8CDC4

RGB

rgb(248, 205, 196)

HSL

hsl(10, 79%, 87%)

OKLCH

oklch(0.883 0.05 31.8)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.45:1

AA ✗AAA ✗

On Black Background

14.52:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF3

100

#FBE4

200

#F8CC

300

#F3A5

400

#EC77

500

#E750

600

#C935

700

#A02A

800

#721E

900

#4913

950

#2E0C

Shades

Darker variations

1#F3AB9C

2#EF8974

3#EA674D

4#E54525

5#C73517

6#9F2A13

7#77200E

8#4F1509

9#280B05

Tints

Lighter variations

1#F9D1CA

2#F9D7D0

3#FADCD5

4#FBE1DB

5#FCE6E1

6#FCEBE7

7#FDF0ED

8#FEF5F3

9#FEFAF9

Tones

Muted variations

1#F5CEC6

2#F3D0C9

3#F0D2CC

4#EED3CE

5#EBD5D1

6#E8D7D3

7#E6D9D6

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	FBE4 `#FBE4DF`	Light backgroundsTable row hoverSkeleton loading
200	F8CC `#F8CCC4`	Secondary backgroundsInput backgroundsDividers
300	F3A5 `#F3A596`	BordersInactive statesPlaceholder text
400	EC77 `#EC775F`	Disabled statesSecondary iconsMuted text
500	E750 `#E75032`	Primary brand colorCTAsActive elementsLinks
600	C935 `#C93518`	Hover statesFocus ringsPrimary buttons hover
700	A02A `#A02A13`	Active/pressed statesDark mode accentsSecondary text
800	721E `#721E0D`	Text on light backgroundsHeadingsStrong borders
900	4913 `#491309`	Primary textHigh emphasis contentDark headings
950	2E0C `#2E0C05`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FDF3F1;
  --pink-100: #FBE4DF;
  --pink-200: #F8CCC4;
  --pink-300: #F3A596;
  --pink-400: #EC775F;
  --pink-500: #E75032;
  --pink-600: #C93518;
  --pink-700: #A02A13;
  --pink-800: #721E0D;
  --pink-900: #491309;
  --pink-950: #2E0C05;
}

Generate More Shades Create Palette Convert Color