Pink

#F8D5C3

Orange

Color Codes

All color formats for development

HEX

#F8D5C3

RGB

rgb(248, 213, 195)

HSL

hsl(20, 79%, 87%)

OKLCH

oklch(0.898 0.046 48.9)

CMYK

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

Accessibility

WCAG contrast compliance

On White Background

1.37:1

AA ✗AAA ✗

On Black Background

15.30:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FDF5

100

#FBE8

200

#F8D5

300

#F3B5

400

#EC8E

500

#E76E

600

#C953

700

#A042

800

#722F

900

#491E

950

#2E13

Shades

Darker variations

1#F3B99C

2#EF9D74

3#EA814D

4#E56525

5#C75217

6#9F4113

7#77310E

8#4F2109

9#281005

Tints

Lighter variations

1#F9D9CA

2#F9DDD0

3#FAE2D5

4#FBE6DB

5#FCEAE1

6#FCEEE7

7#FDF2ED

8#FEF7F3

9#FEFBF9

Tones

Muted variations

1#F5D6C6

2#F3D7C9

3#F0D8CC

4#EED9CE

5#EBD9D1

6#E8DAD3

7#E6DBD6

8#E3DCD9

9#E0DDDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FDF5 `#FDF5F1`	BackgroundsSubtle highlightsCard backgrounds
100	FBE8 `#FBE8DF`	Light backgroundsTable row hoverSkeleton loading
200	F8D5 `#F8D5C4`	Secondary backgroundsInput backgroundsDividers
300	F3B5 `#F3B596`	BordersInactive statesPlaceholder text
400	EC8E `#EC8E5F`	Disabled statesSecondary iconsMuted text
500	E76E `#E76E32`	Primary brand colorCTAsActive elementsLinks
600	C953 `#C95318`	Hover statesFocus ringsPrimary buttons hover
700	A042 `#A04213`	Active/pressed statesDark mode accentsSecondary text
800	722F `#722F0D`	Text on light backgroundsHeadingsStrong borders
900	491E `#491E09`	Primary textHigh emphasis contentDark headings
950	2E13 `#2E1305`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FDF5F1;
  --pink-100: #FBE8DF;
  --pink-200: #F8D5C4;
  --pink-300: #F3B596;
  --pink-400: #EC8E5F;
  --pink-500: #E76E32;
  --pink-600: #C95318;
  --pink-700: #A04213;
  --pink-800: #722F0D;
  --pink-900: #491E09;
  --pink-950: #2E1305;
}

Generate More Shades Create Palette Convert Color