Skip to the color picker
PickShade

#f377f0 color: Princess Peach

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

Read as HEX

301°
100%

OKLCH

75.4%
0.208
328°
  • ≈ Violet
  • Magenta
  • Light
  • Vivid
  • Neutral
  • fuchsia-400
  • Black 5%

Looks the same on every screen.

White text2.41:1 · Below AALc -52
Black text8.71:1 · AALc 57

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

#f377f0 is a bright light magenta color. In OKLCH it has 75.4% lightness, 0.208 chroma and a hue of 328°.

Looks the same on every screen.

White text on it reaches 2.41:1 contrast and black text 8.71:1, so black text reads better.

The closest named color is Princess Peach (#f878f8). In Tailwind CSS the closest color is fuchsia-400.

More light magenta colors

Lighter: #f377f0 mixed with white

  1. f377f0
  2. f586f2
  3. f895f4
  4. faa3f6
  5. fbb1f8
  6. fdbef9
  7. fecbfb
  8. ffd9fc
  9. ffe5fd
  10. fff2fe

Darker: #f377f0 mixed with black

  1. f377f0
  2. d367d1
  3. b457b2
  4. 974795
  5. 7a3878
  6. 5e2a5d
  7. 441c43
  8. 2b102a
  9. 140514
  10. 030103

Calmer: #f377f0 with less saturation

  1. f377f0
  2. ed7fea
  3. e785e4
  4. e18cdd
  5. da92d7
  6. d497d0
  7. cd9dca
  8. c6a2c3
  9. bea6bd
  10. b7abb6