Pastel Pink

Pastel Pink color is a vibrant shade of very light pink. Its hex code is #FFD1DC and rgb code is rgb(255, 209, 220), Its CMYK value is cmyk(0%, 18%, 14%, 0%), and Its HSL value is hsl(346, 100%, 91%). Against white, its contrast ratio of 1.36:1, while against black, the contrast ratio is 15.41:1. Complementary color is #D1FFF4 and closest tailwind color is rose-200. This color goes well with #FF6D38, #FF38CA, #EB0037, #6BFF93, and #6BD8FF. To create this Pastel Pink color, you can mix #FFFFFF and #FFA3B9.

Pastel Pink color code

|

1. Color Conversions

HEX#FFD1DC

RGB255, 209, 220

HSL346°, 100%, 91%

HSV346°, 100%, 100%

CMYK0%, 18%, 14%, 0%

Web Safe#FFCCCC

2. Contrast Ratio

Text on #FFFFFF1.36:1

Fail LargeFail Normal

Text on #00000015.41:1

AAA LargeAAA Normal

3. Pastel Pink Color Code in CSS

HEX

#FFD1DC

RGB

rgb(255, 209, 220)

HSL

hsl(346, 100%, 91%)

Text Color

color: #FFD1DC;

Background

background-color: #FFD1DC;

Border Color

border-color: #FFD1DC;

Box Shadow

box-shadow: 0 4px 14px 0 #FFD1DC80;

SCSS

$color-pastel-pink: #FFD1DC;

4. Color Palettes

Analogous

Complementary

Triadic

Split Complementary

Tetradic

Monochromatic

5. Shades, Tints & Hues

Shades

Tints

Hues

6. Color Blindness Simulator

Protanopia#EBEBD9

Deuteranopia#EEF1D9

Tritanopia#FDD7D7

Achromatopsia#E0E0E0

7. UI Components Preview

Buttons

Badges

DefaultOutlineSoft

Interactive

Checkbox

Similar Colors

Cute Pink#FCD0DA

Cotton Candy Comet#FFC5D3

Piggy Pink#FDDDE6

Orchid Pink#F2BDCD

Pig Pink#FDD7E4

Cherry Blossom#FFB7C5

Cameo Pink#EFBBCC

Strawberry Milk#FFD9E7

Faded Pink#DE9DAC

Color Ideas

Wine Red#7B0323

Winter Days#F6F6F6

Wintergreen#2F9576

Wisteria#C9A0DC

Wood Brown#C19A6B

Yale Blue#03346A

Yankees Navy#041E42

About Pastel Pink

Color Name

Pastel Pink

HEX

#FFD1DC

Color Family

rose

X11 Name

Pink

LAB

90.32, 5.34, 0.20

Preview Text

Aa