Skip to the color picker
PickShade

#f7ccfa color: Sassy Pink

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

Read as HEX

296°
100%

OKLCH

89.6%
0.077
324°
  • ≈ Periwinkle
  • Magenta
  • Very light
  • Soft
  • Pastel
  • Neutral
  • fuchsia-200
  • Black 2%

Looks the same on every screen.

White text1.40:1 · Below AALc -22
Black text14.97: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 #f7ccfa

#f7ccfa is a pastel very light magenta color. In OKLCH it has 89.6% lightness, 0.077 chroma and a hue of 324°.

Looks the same on every screen.

White text on it reaches 1.4:1 contrast and black text 14.97: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: #f7ccfa mixed with white

  1. f7ccfa
  2. f8d1fb
  3. f9d6fb
  4. fadbfc
  5. fbe1fc
  6. fbe6fd
  7. fcebfd
  8. fdf0fe
  9. fef5fe
  10. fefaff

Darker: #f7ccfa mixed with black

  1. f7ccfa
  2. d7b1d9
  3. b797ba
  4. 997e9b
  5. 7c657d
  6. 604e61
  7. 453746
  8. 2c222d
  9. 150f15
  10. 030203

Calmer: #f7ccfa with less saturation

  1. f7ccfa
  2. f4cef7
  3. f2d0f4
  4. efd1f1
  5. edd3ee
  6. ead5eb
  7. e7d6e9
  8. e5d8e6
  9. e2d9e3
  10. dfdbe0