Skip to the color picker
PickShade

#f396b0 color: Illusion

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

Read as HEX

343°
100%

OKLCH

77.5%
0.115
2°
  • ≈ Plum
  • Pink
  • Light
  • Vivid
  • Warm
  • rose-300
  • Black 5%

Looks the same on every screen.

White text2.14:1 · Below AALc -47
Black text9.80: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 #f396b0

#f396b0 is a bright light pink color. In OKLCH it has 77.5% lightness, 0.115 chroma and a hue of 2°.

Looks the same on every screen.

White text on it reaches 2.14:1 contrast and black text 9.8: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: #f396b0 mixed with white

  1. f396b0
  2. f5a1b8
  3. f7abbf
  4. f9b6c7
  5. fbc0cf
  6. fccbd7
  7. fdd5df
  8. fee0e7
  9. ffeaef
  10. fff5f7

Darker: #f396b0 mixed with black

  1. f396b0
  2. d38299
  3. b46e82
  4. 975b6c
  5. 7a4956
  6. 5e3742
  7. 44262e
  8. 2b161c
  9. 14080b
  10. 030101

Calmer: #f396b0 with less saturation

  1. f396b0
  2. ee9ab1
  3. e89db1
  4. e2a1b2
  5. dda4b2
  6. d7a7b3
  7. d0aab3
  8. caadb4
  9. c4b0b5
  10. bdb3b5