Skip to the color picker

#f5affd color: Strawberry Buttercream

#f5affd is rgb(245, 175, 253) in RGB and oklch(84.505% 0.12929 323.096) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

294°
100%

84.5%
0.129
323°
  • Magenta
  • Light
  • Vivid
  • Pastel
  • Neutral
  • ≈ Mauve
  • fuchsia-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.69:1Hard to read
Lc -34
Black text
12.43:1Readable · AA
Lc 74

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

#f5affd is a pastel light magenta color. In OKLCH it has 84.5% lightness, 0.129 chroma and a hue of 323°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.69:1 contrast and black text 12.43:1, so black text reads better.

The closest named color is Strawberry Buttercream (#f8b3ff). In Tailwind CSS the closest color is fuchsia-300.

More light magenta colors

Lighter: #f5affd mixed with white

  1. f5affd
  2. f6b7fd
  3. f8bffe
  4. f9c8fe
  5. fad0ff
  6. fbd8ff
  7. fce0ff
  8. fde7ff
  9. feefff
  10. fef7ff

Darker: #f5affd mixed with black

  1. f5affd
  2. d598dc
  3. b681bc
  4. 986b9d
  5. 7b567f
  6. 5f4162
  7. 442e47
  8. 2b1c2d
  9. 150b16
  10. 030103

Calmer: #f5affd with less saturation

  1. f5affd
  2. f1b2f8
  3. edb6f3
  4. e9b9ef
  5. e5bcea
  6. e1bfe5
  7. ddc1e0
  8. d9c4db
  9. d5c7d6
  10. d0c9d1

Questions about #f5affd

What color is #f5affd?

#f5affd is pastel light magenta. The closest named color is Strawberry Buttercream. In RGB it is rgb(245, 175, 253), in HSL hsl(293.85, 95.12%, 83.92%) and in OKLCH oklch(84.505% 0.12929 323.096).

What colors go well with #f5affd?

The complementary color of #f5affd is #98e294. For a calmer combination use the analogous colors #cfbfff and #ffaad3. The triadic partners are #f5c461 and #44e5f2.

Is white or black text more readable on #f5affd?

Black text reads better on #f5affd: white gives a contrast ratio of 1.69:1 and black gives 12.43:1. WCAG AA asks for at least 4.5:1 for body text.

Is #f5affd a warm or cool color?

#f5affd is a neutral color. In OKLCH its hue is 323 degrees, its lightness 84.5% and its chroma 0.129.