Skip to the color picker
PickShade

#f396b5 color: Illusion

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

Read as HEX

340°
100%

OKLCH

77.7%
0.117
359°
  • ≈ Plum
  • Pink
  • Light
  • Vivid
  • Warm
  • rose-300
  • Black 5%

Looks the same on every screen.

White text2.13:1 · Below AALc -46
Black text9.84: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 #f396b5

#f396b5 is a bright light pink color. In OKLCH it has 77.7% lightness, 0.117 chroma and a hue of 359°.

Looks the same on every screen.

White text on it reaches 2.13:1 contrast and black text 9.84: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: #f396b5 mixed with white

  1. f396b5
  2. f5a1bc
  3. f7abc3
  4. f9b6cb
  5. fbc0d2
  6. fccbd9
  7. fdd5e1
  8. fee0e8
  9. ffeaf0
  10. fff5f7

Darker: #f396b5 mixed with black

  1. f396b5
  2. d3829d
  3. b46e86
  4. 975b6f
  5. 7a4959
  6. 5e3744
  7. 442630
  8. 2b161d
  9. 14080c
  10. 030102

Calmer: #f396b5 with less saturation

  1. f396b5
  2. ee9ab5
  3. e89db5
  4. e2a1b5
  5. dda4b5
  6. d7a7b6
  7. d1abb6
  8. caaeb6
  9. c4b1b6
  10. bdb3b6