Skip to the color picker
PickShade

#f296af color: Illusion

Every format, shade and contrast value for #f296af. 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.76: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 #f296af

#f296af 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.76: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: #f296af mixed with white

  1. f296af
  2. f4a1b7
  3. f6abbf
  4. f8b6c6
  5. fac0ce
  6. fccbd6
  7. fdd5de
  8. fee0e6
  9. feeaef
  10. fff5f7

Darker: #f296af mixed with black

  1. f296af
  2. d28298
  3. b46e81
  4. 965b6b
  5. 794956
  6. 5e3741
  7. 43262e
  8. 2b161c
  9. 14080b
  10. 030101

Calmer: #f296af with less saturation

  1. f296af
  2. ed9ab0
  3. e79db0
  4. e1a0b1
  5. dca4b2
  6. d6a7b2
  7. d0aab3
  8. c9adb3
  9. c3b0b4
  10. bcb3b5