Pink

#FFBDC1

Red

Color Codes

All color formats for development

HEX

#FFBDC1

RGB

rgb(255, 189, 193)

HSL

hsl(356, 100%, 87%)

OKLCH

oklch(0.86 0.076 14.7)

CMYK

cmyk(0%, 26%, 24%, 0%)

Accessibility

WCAG contrast compliance

On White Background

1.58:1

AA ✗AAA ✗

On Black Background

13.30: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#FF9098

2#FF646E

3#FF3845

4#FF0B1B

5#DE000F

6#B1000C

7#850009

8#590006

9#2C0003

Tints

Lighter variations

1#FFC3C7

2#FFCACD

3#FFD1D4

4#FFD7DA

5#FFDEE0

6#FFE4E6

7#FFEBEC

8#FFF2F3

9#FFF8F9

Tones

Muted variations

1#FCC0C4

2#F8C3C7

3#F5C7CA

4#F2CACD

5#EECDCF

6#EBD1D2

7#E8D4D5

8#E4D7D8

9#E1DBDB

Usage Guidelines

Recommended use cases for each shade level

Level	Color	Typical Use Cases
50	FFF0 `#FFF0F1`	BackgroundsSubtle highlightsCard backgrounds
100	FFDB `#FFDBDE`	Light backgroundsTable row hoverSkeleton loading
200	FFBD `#FFBDC1`	Secondary backgroundsInput backgroundsDividers
300	FF8A `#FF8A92`	BordersInactive statesPlaceholder text
400	FF4D `#FF4D58`	Disabled statesSecondary iconsMuted text
500	FF1A `#FF1A29`	Primary brand colorCTAsActive elementsLinks
600	E000 `#E0000F`	Hover statesFocus ringsPrimary buttons hover
700	B300 `#B3000C`	Active/pressed statesDark mode accentsSecondary text
800	8000 `#800008`	Text on light backgroundsHeadingsStrong borders
900	5200 `#520005`	Primary textHigh emphasis contentDark headings
950	3300 `#330003`	Maximum contrast textDark mode backgrounds

Export Code

Copy ready-to-use code for your project

:root {
  --pink-50: #FFF0F1;
  --pink-100: #FFDBDE;
  --pink-200: #FFBDC1;
  --pink-300: #FF8A92;
  --pink-400: #FF4D58;
  --pink-500: #FF1A29;
  --pink-600: #E0000F;
  --pink-700: #B3000C;
  --pink-800: #800008;
  --pink-900: #520005;
  --pink-950: #330003;
}

Generate More Shades Create Palette Convert Color