Pink

#FFBDCF

Pink

Color Codes

All color formats for development

HEX

#FFBDCF

RGB

rgb(255, 189, 207)

HSL

hsl(344, 100%, 87%)

OKLCH

oklch(0.864 0.079 0.9)

CMYK

cmyk(0%, 26%, 19%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.56:1

AA ✗AAA ✗

On Black Background

13.43:1

AA ✓AAA ✓

Run full accessibility check

Tailwind Scale

50-950 scale matching Tailwind CSS naming

Copy

CopyBase

Copy

#FFF0

100

#FFDB

200

#FFBD

300

#FF8A

400

#FF4D

500

#FF1A

600

#E000

700

#B300

800

#8000

900

#5200

950

#3300

Shades

Darker variations

1#FF90AE

2#FF648D

3#FF386D

4#FF0B4C

5#DE003B

6#B1002F

7#850023

8#590018

9#2C000C

Tints

Lighter variations

1#FFC3D3

2#FFCAD8

3#FFD1DD

4#FFD7E2

5#FFDEE7

6#FFE4EC

7#FFEBF0

8#FFF2F5

9#FFF8FA

Tones

Muted variations

1#FCC0D0

2#F8C3D1

3#F5C7D3

4#F2CAD5

5#EECDD6

6#EBD1D8

7#E8D4D9

8#E4D7DB

9#E1DBDC

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF0 `#FFF0F4`	BackgroundsSubtle highlightsCard backgrounds
100	FFDB `#FFDBE5`	Light backgroundsTable row hoverSkeleton loading
200	FFBD `#FFBDCE`	Secondary backgroundsInput backgroundsDividers
300	FF8A `#FF8AA9`	BordersInactive statesPlaceholder text
400	FF4D `#FF4D7C`	Disabled statesSecondary iconsMuted text
500	FF1A `#FF1A57`	Primary brand colorCTAsActive elementsLinks
600	E000 `#E0003C`	Hover statesFocus ringsPrimary buttons hover
700	B300 `#B30030`	Active/pressed statesDark mode accentsSecondary text
800	8000 `#800022`	Text on light backgroundsHeadingsStrong borders
900	5200 `#520016`	Primary textHigh emphasis contentDark headings
950	3300 `#33000E`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FFF0F4;
  --pink-100: #FFDBE5;
  --pink-200: #FFBDCE;
  --pink-300: #FF8AA9;
  --pink-400: #FF4D7C;
  --pink-500: #FF1A57;
  --pink-600: #E0003C;
  --pink-700: #B30030;
  --pink-800: #800022;
  --pink-900: #520016;
  --pink-950: #33000E;
}

Generate More Shades Create Palette Convert Color