Skip to the color picker
PickShade

#f393a2 color: Cherry Foam

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

Read as HEX

351°
100%

OKLCH

76.7%
0.117
10°
  • ≈ Salmon
  • Pink
  • Light
  • Vivid
  • Warm
  • rose-300
  • Black 5%

Looks the same on every screen.

White text2.21:1 · Below AALc -48
Black text9.51:1 · AALc 61

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

#f393a2 is a bright light pink color. In OKLCH it has 76.7% lightness, 0.117 chroma and a hue of 10°.

Looks the same on every screen.

White text on it reaches 2.21:1 contrast and black text 9.51:1, so black text reads better.

The closest named color is Cherry Foam (#f392a0). In Tailwind CSS the closest color is rose-300.

More light pink colors

Lighter: #f393a2 mixed with white

  1. f393a2
  2. f59eab
  3. f7a9b4
  4. f9b4bd
  5. fbbfc6
  6. fcc9d0
  7. fdd4d9
  8. fedfe2
  9. ffeaec
  10. fff4f5

Darker: #f393a2 mixed with black

  1. f393a2
  2. d37f8c
  3. b46c77
  4. 975963
  5. 7a474f
  6. 5e363c
  7. 44252a
  8. 2b1619
  9. 14080a
  10. 030101

Calmer: #f393a2 with less saturation

  1. f393a2
  2. ed97a4
  3. e89aa5
  4. e29ea7
  5. dca1a9
  6. d5a4ab
  7. cfa7ac
  8. c8aaae
  9. c1adb0
  10. bab0b1