Pink

#FEC9BE

Red

Color Codes

All color formats for development

HEX

#FEC9BE

RGB

rgb(254, 201, 190)

HSL

hsl(10, 97%, 87%)

OKLCH

oklch(0.88 0.063 31.8)

CMYK

cmyk(0%, 21%, 25%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.47:1

AA ✗AAA ✗

On Black Background

14.31:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FFF2

100

#FEE2

200

#FEC8

300

#FD9E

400

#FC6C

500

#FC42

600

#DD28

700

#B020

800

#7E17

900

#500E

950

#3209

Shades

Darker variations

1#FDA492

2#FD7F66

3#FC5B3B

4#FB360F

5#DB2703

6#AF1F03

7#831802

8#571001

9#2C0801

Tints

Lighter variations

1#FECEC4

2#FED3CB

3#FED9D1

4#FEDED8

5#FFE4DE

6#FFE9E5

7#FFEFEB

8#FFF4F2

9#FFFAF8

Tones

Muted variations

1#FBCBC1

2#F8CDC4

3#F4CFC7

4#F1D1CB

5#EED3CE

6#EBD5D1

7#E7D7D4

8#E4DAD7

9#E1DCDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF2 `#FFF2F0`	BackgroundsSubtle highlightsCard backgrounds
100	FEE2 `#FEE2DC`	Light backgroundsTable row hoverSkeleton loading
200	FEC8 `#FEC8BE`	Secondary backgroundsInput backgroundsDividers
300	FD9E `#FD9E8B`	BordersInactive statesPlaceholder text
400	FC6C `#FC6C4F`	Disabled statesSecondary iconsMuted text
500	FC42 `#FC421D`	Primary brand colorCTAsActive elementsLinks
600	DD28 `#DD2803`	Hover statesFocus ringsPrimary buttons hover
700	B020 `#B02003`	Active/pressed statesDark mode accentsSecondary text
800	7E17 `#7E1702`	Text on light backgroundsHeadingsStrong borders
900	500E `#500E01`	Primary textHigh emphasis contentDark headings
950	3209 `#320901`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FFF2F0;
  --pink-100: #FEE2DC;
  --pink-200: #FEC8BE;
  --pink-300: #FD9E8B;
  --pink-400: #FC6C4F;
  --pink-500: #FC421D;
  --pink-600: #DD2803;
  --pink-700: #B02003;
  --pink-800: #7E1702;
  --pink-900: #500E01;
  --pink-950: #320901;
}

Generate More Shades Create Palette Convert Color