Skip to the color picker
PickShade

#f54697 color: Rose Bonbon

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

Read as HEX

332°
100%

OKLCH

66.7%
0.220
357°
  • ≈ Rose
  • Pink
  • Medium
  • Vivid
  • Warm
  • pink-500
  • Black 4%

Looks the same on every screen.

White text3.38:1 · Below AALc -66
Black text6.21:1 · AALc 44

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

#f54697 is a bright pink color. In OKLCH it has 66.7% lightness, 0.22 chroma and a hue of 357°.

Looks the same on every screen.

White text on it reaches 3.38:1 contrast and black text 6.21:1, so white text reads better.

The closest named color is Rose Bonbon (#f9429e). In Tailwind CSS the closest color is pink-500.

More medium pink colors

Lighter: #f54697 mixed with white

  1. f54697
  2. f95ea1
  3. fc73ab
  4. ff86b5
  5. ff99bf
  6. ffaaca
  7. ffbcd4
  8. ffcddf
  9. ffdde9
  10. ffeef4

Darker: #f54697 mixed with black

  1. f54697
  2. d53c83
  3. b6326f
  4. 98285c
  5. 7b1e49
  6. 5f1537
  7. 440d26
  8. 2b0517
  9. 150208
  10. 030001

Calmer: #f54697 with less saturation

  1. f54697
  2. ed5397
  3. e55e96
  4. dc6796
  5. d36f96
  6. ca7796
  7. c07e95
  8. b68495
  9. ac8a95
  10. a08f95