Pink

#FEC6BD

Red

Color Codes

All color formats for development

HEX

#FEC6BD

RGB

rgb(254, 198, 189)

HSL

hsl(8, 97%, 87%)

OKLCH

oklch(0.874 0.066 28.9)

CMYK

cmyk(0%, 22%, 26%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.50:1

AA ✗AAA ✗

On Black Background

14.03:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FFF2

100

#FEE0

200

#FEC6

300

#FD9B

400

#FC66

500

#FC3B

600

#DD20

700

#B01A

800

#7E12

900

#500C

950

#3207

Shades

Darker variations

1#FDA092

2#FD7A66

3#FC543B

4#FB2E0F

5#DB2003

6#AF1A03

7#831302

8#570D01

9#2C0601

Tints

Lighter variations

1#FECCC4

2#FED2CB

3#FED7D1

4#FEDDD8

5#FFE3DE

6#FFE8E5

7#FFEEEB

8#FFF4F2

9#FFF9F8

Tones

Muted variations

1#FBC9C1

2#F8CBC4

3#F4CDC7

4#F1D0CB

5#EED2CE

6#EBD4D1

7#E7D7D4

8#E4D9D7

9#E1DBDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF2 `#FFF2F0`	BackgroundsSubtle highlightsCard backgrounds
100	FEE0 `#FEE0DC`	Light backgroundsTable row hoverSkeleton loading
200	FEC6 `#FEC6BE`	Secondary backgroundsInput backgroundsDividers
300	FD9B `#FD9B8B`	BordersInactive statesPlaceholder text
400	FC66 `#FC664F`	Disabled statesSecondary iconsMuted text
500	FC3B `#FC3B1D`	Primary brand colorCTAsActive elementsLinks
600	DD20 `#DD2003`	Hover statesFocus ringsPrimary buttons hover
700	B01A `#B01A03`	Active/pressed statesDark mode accentsSecondary text
800	7E12 `#7E1202`	Text on light backgroundsHeadingsStrong borders
900	500C `#500C01`	Primary textHigh emphasis contentDark headings
950	3207 `#320701`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FFF2F0;
  --pink-100: #FEE0DC;
  --pink-200: #FEC6BE;
  --pink-300: #FD9B8B;
  --pink-400: #FC664F;
  --pink-500: #FC3B1D;
  --pink-600: #DD2003;
  --pink-700: #B01A03;
  --pink-800: #7E1202;
  --pink-900: #500C01;
  --pink-950: #320701;
}

Generate More Shades Create Palette Convert Color