Skip to the color picker
PickShade

#f296ae color: Illusion

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

Read as HEX

344°
100%

OKLCH

77.4%
0.114
3°
  • ≈ Plum
  • Pink
  • Light
  • Vivid
  • Warm
  • rose-300
  • Black 5%

Looks the same on every screen.

White text2.15:1 · Below AALc -47
Black text9.75:1 · AALc 62

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 #f296ae

#f296ae is a bright light pink color. In OKLCH it has 77.4% lightness, 0.114 chroma and a hue of 3°.

Looks the same on every screen.

White text on it reaches 2.15:1 contrast and black text 9.75:1, so black text reads better.

The closest named color is Illusion (#ef95ae). In Tailwind CSS the closest color is rose-300.

More light pink colors

Lighter: #f296ae mixed with white

  1. f296ae
  2. f4a1b6
  3. f6abbe
  4. f8b6c6
  5. fac0ce
  6. fccbd6
  7. fdd5de
  8. fee0e6
  9. feeaee
  10. fff5f7

Darker: #f296ae mixed with black

  1. f296ae
  2. d28297
  3. b46e80
  4. 965b6a
  5. 794955
  6. 5e3741
  7. 43262e
  8. 2b161c
  9. 14080b
  10. 030101

Calmer: #f296ae with less saturation

  1. f296ae
  2. ed9aaf
  3. e79daf
  4. e1a0b0
  5. dca4b1
  6. d6a7b2
  7. d0aab2
  8. c9adb3
  9. c3b0b4
  10. bcb2b4