Skip to the color picker
PickShade

#f3cdf7 color: Sassy Pink

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

Read as HEX

294°
100%

OKLCH

89.3%
0.070
323°
  • ≈ Periwinkle
  • Magenta
  • Very light
  • Soft
  • Pastel
  • Neutral
  • fuchsia-200
  • Black 3%

Looks the same on every screen.

White text1.41:1 · Below AALc -23
Black text14.89: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 #f3cdf7

#f3cdf7 is a pastel very light magenta color. In OKLCH it has 89.3% lightness, 0.07 chroma and a hue of 323°.

Looks the same on every screen.

White text on it reaches 1.41:1 contrast and black text 14.89: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: #f3cdf7 mixed with white

  1. f3cdf7
  2. f4d2f8
  3. f6d7f9
  4. f7dcfa
  5. f8e1fa
  6. f9e6fb
  7. fbebfc
  8. fcf0fd
  9. fdf5fe
  10. fefafe

Darker: #f3cdf7 mixed with black

  1. f3cdf7
  2. d3b2d7
  3. b498b7
  4. 977e99
  5. 7a667c
  6. 5e4e60
  7. 443845
  8. 2b232c
  9. 140f15
  10. 030203

Calmer: #f3cdf7 with less saturation

  1. f3cdf7
  2. f1cff4
  3. efd0f2
  4. ecd2ef
  5. ead3ec
  6. e8d5e9
  7. e5d6e7
  8. e3d7e4
  9. e0d9e1
  10. dedade