Skip to the color picker
PickShade

#f4ccf7 color: Sassy Pink

Every format, shade and contrast value for #f4ccf7. Drag the picker to explore nearby colors.

Read as HEX

296°
100%

OKLCH

89.2%
0.072
324°
  • ≈ Periwinkle
  • Magenta
  • Very light
  • Soft
  • Pastel
  • Neutral
  • fuchsia-200
  • Black 3%

Looks the same on every screen.

White text1.42:1 · Below AALc -23
Black text14.83:1 · AALc 84

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #f4ccf7

#f4ccf7 is a pastel very light magenta color. In OKLCH it has 89.2% lightness, 0.072 chroma and a hue of 324°.

Looks the same on every screen.

White text on it reaches 1.42:1 contrast and black text 14.83:1, so black text reads better.

The closest named color is Sassy Pink (#f6cefc). In Tailwind CSS the closest color is fuchsia-200.

More very light magenta colors

Lighter: #f4ccf7 mixed with white

  1. f4ccf7
  2. f5d1f8
  3. f6d6f9
  4. f8dbfa
  5. f9e0fa
  6. fae6fb
  7. fbebfc
  8. fcf0fd
  9. fdf5fe
  10. fefafe

Darker: #f4ccf7 mixed with black

  1. f4ccf7
  2. d4b1d7
  3. b597b7
  4. 977e99
  5. 7a657c
  6. 5e4e60
  7. 443745
  8. 2b222c
  9. 140f15
  10. 030203

Calmer: #f4ccf7 with less saturation

  1. f4ccf7
  2. f2cef4
  3. efcff2
  4. edd1ef
  5. ead2ec
  6. e8d4e9
  7. e6d5e7
  8. e3d7e4
  9. e0d8e1
  10. dedade