Pink

#FEBDC6

Red

Color Codes

All color formats for development

HEX

#FEBDC6

RGB

rgb(254, 189, 198)

HSL

hsl(352, 97%, 87%)

OKLCH

oklch(0.86 0.076 9.6)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.58:1

AA ✗AAA ✗

On Black Background

13.31:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FFF0

100

#FEDC

200

#FEBE

300

#FD8B

400

#FC4F

500

#FC1D

600

#DD03

700

#B003

800

#7E02

900

#5001

950

#3201

Shades

Darker variations

1#FD92A0

2#FD667A

3#FC3B54

4#FB0F2E

5#DB0320

6#AF031A

7#830213

8#57010D

9#2C0106

Tints

Lighter variations

1#FEC4CC

2#FECBD2

3#FED1D7

4#FED8DD

5#FFDEE3

6#FFE5E8

7#FFEBEE

8#FFF2F4

9#FFF8F9

Tones

Muted variations

1#FBC1C9

2#F8C4CB

3#F4C7CD

4#F1CBD0

5#EECED2

6#EBD1D4

7#E7D4D7

8#E4D7D9

9#E1DBDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF0 `#FFF0F2`	BackgroundsSubtle highlightsCard backgrounds
100	FEDC `#FEDCE0`	Light backgroundsTable row hoverSkeleton loading
200	FEBE `#FEBEC6`	Secondary backgroundsInput backgroundsDividers
300	FD8B `#FD8B9B`	BordersInactive statesPlaceholder text
400	FC4F `#FC4F66`	Disabled statesSecondary iconsMuted text
500	FC1D `#FC1D3B`	Primary brand colorCTAsActive elementsLinks
600	DD03 `#DD0320`	Hover statesFocus ringsPrimary buttons hover
700	B003 `#B0031A`	Active/pressed statesDark mode accentsSecondary text
800	7E02 `#7E0212`	Text on light backgroundsHeadingsStrong borders
900	5001 `#50010C`	Primary textHigh emphasis contentDark headings
950	3201 `#320107`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FFF0F2;
  --pink-100: #FEDCE0;
  --pink-200: #FEBEC6;
  --pink-300: #FD8B9B;
  --pink-400: #FC4F66;
  --pink-500: #FC1D3B;
  --pink-600: #DD0320;
  --pink-700: #B0031A;
  --pink-800: #7E0212;
  --pink-900: #50010C;
  --pink-950: #320107;
}

Generate More Shades Create Palette Convert Color