Skip to the color picker
PickShade

#f5ccfa color: Sassy Pink

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

Read as HEX

293°
100%

OKLCH

89.4%
0.076
323°
  • ≈ Periwinkle
  • Magenta
  • Very light
  • Soft
  • Pastel
  • Neutral
  • fuchsia-200
  • Black 2%

Looks the same on every screen.

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

#f5ccfa is a pastel very light magenta color. In OKLCH it has 89.4% lightness, 0.076 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.9: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: #f5ccfa mixed with white

  1. f5ccfa
  2. f6d1fb
  3. f7d6fb
  4. f8dbfc
  5. f9e1fc
  6. fae6fd
  7. fbebfd
  8. fcf0fe
  9. fdf5fe
  10. fefaff

Darker: #f5ccfa mixed with black

  1. f5ccfa
  2. d5b1d9
  3. b697ba
  4. 987e9b
  5. 7b657d
  6. 5f4e61
  7. 443746
  8. 2b222d
  9. 150f15
  10. 030203

Calmer: #f5ccfa with less saturation

  1. f5ccfa
  2. f3cef7
  3. f0cff4
  4. eed1f1
  5. ebd3ee
  6. e9d4eb
  7. e6d6e8
  8. e4d7e5
  9. e1d9e2
  10. dfdadf