Skip to the color picker
PickShade

#f3ccfc color: Sassy Pink

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

Read as HEX

289°
100%

OKLCH

89.3%
0.077
320°
  • ≈ Periwinkle
  • Magenta
  • Very light
  • Soft
  • Pastel
  • Neutral
  • fuchsia-200
  • Black 1%

Looks the same on every screen.

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

#f3ccfc is a pastel very light magenta color. In OKLCH it has 89.3% lightness, 0.077 chroma and a hue of 320°.

Looks the same on every screen.

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

  1. f3ccfc
  2. f4d1fc
  3. f6d6fd
  4. f7dbfd
  5. f8e1fe
  6. f9e6fe
  7. fbebfe
  8. fcf0fe
  9. fdf5ff
  10. fefaff

Darker: #f3ccfc mixed with black

  1. f3ccfc
  2. d3b1db
  3. b497bb
  4. 977e9c
  5. 7a657e
  6. 5e4e62
  7. 443747
  8. 2b222d
  9. 140f16
  10. 030203

Calmer: #f3ccfc with less saturation

  1. f3ccfc
  2. f1cef9
  3. eecff6
  4. ecd1f2
  5. ead3ef
  6. e8d4ec
  7. e5d6e9
  8. e3d7e6
  9. e0d9e2
  10. dedadf