Pink

#FED2BD

Orange

Color Codes

All color formats for development

HEX

#FED2BD

RGB

rgb(254, 210, 189)

HSL

hsl(19, 97%, 87%)

OKLCH

oklch(0.896 0.057 46.9)

CMYK

cmyk(0%, 17%, 26%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.38:1

AA ✗AAA ✗

On Black Background

15.17:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FFF5

100

#FEE7

200

#FED2

300

#FDAF

400

#FC86

500

#FC63

600

#DD48

700

#B03A

800

#7E29

900

#501A

950

#3210

Shades

Darker variations

1#FDB492

2#FD9666

3#FC783B

4#FB5A0F

5#DB4703

6#AF3903

7#832B02

8#571D01

9#2C0E01

Tints

Lighter variations

1#FED7C4

2#FEDBCB

3#FEE0D1

4#FEE4D8

5#FFE9DE

6#FFEDE5

7#FFF2EB

8#FFF6F2

9#FFFBF8

Tones

Muted variations

1#FBD3C1

2#F8D4C4

3#F4D6C7

4#F1D7CB

5#EED8CE

6#EBD9D1

7#E7DAD4

8#E4DBD7

9#E1DDDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF5 `#FFF5F0`	BackgroundsSubtle highlightsCard backgrounds
100	FEE7 `#FEE7DC`	Light backgroundsTable row hoverSkeleton loading
200	FED2 `#FED2BE`	Secondary backgroundsInput backgroundsDividers
300	FDAF `#FDAF8B`	BordersInactive statesPlaceholder text
400	FC86 `#FC864F`	Disabled statesSecondary iconsMuted text
500	FC63 `#FC631D`	Primary brand colorCTAsActive elementsLinks
600	DD48 `#DD4803`	Hover statesFocus ringsPrimary buttons hover
700	B03A `#B03A03`	Active/pressed statesDark mode accentsSecondary text
800	7E29 `#7E2902`	Text on light backgroundsHeadingsStrong borders
900	501A `#501A01`	Primary textHigh emphasis contentDark headings
950	3210 `#321001`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FFF5F0;
  --pink-100: #FEE7DC;
  --pink-200: #FED2BE;
  --pink-300: #FDAF8B;
  --pink-400: #FC864F;
  --pink-500: #FC631D;
  --pink-600: #DD4803;
  --pink-700: #B03A03;
  --pink-800: #7E2902;
  --pink-900: #501A01;
  --pink-950: #321001;
}

Generate More Shades Create Palette Convert Color