Skip to the color picker

#f3affa color: Strawberry Buttercream

#f3affa is rgb(243, 175, 250) in RGB and oklch(84.19% 0.12501 323.412) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

294°
100%

84.2%
0.125
323°
  • Magenta
  • Light
  • Vivid
  • Pastel
  • Neutral
  • ≈ Mauve
  • fuchsia-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.70:1Hard to read
Lc -34
Black text
12.32:1Readable · AA
Lc 73

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

#f3affa is a pastel light magenta color. In OKLCH it has 84.2% lightness, 0.125 chroma and a hue of 323°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.7:1 contrast and black text 12.32: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: #f3affa mixed with white

  1. f3affa
  2. f5b7fb
  3. f6bffb
  4. f8c8fc
  5. f9d0fd
  6. fad8fd
  7. fbdffe
  8. fce7fe
  9. fdefff
  10. fef7ff

Darker: #f3affa mixed with black

  1. f3affa
  2. d398d9
  3. b481ba
  4. 976b9b
  5. 7a567d
  6. 5e4161
  7. 442e46
  8. 2b1c2d
  9. 140b15
  10. 030103

Calmer: #f3affa with less saturation

  1. f3affa
  2. efb2f5
  3. ebb5f1
  4. e8b8ec
  5. e4bbe8
  6. e0bee3
  7. dcc1de
  8. d8c3d9
  9. d4c6d5
  10. cfc8d0

Questions about #f3affa

What color is #f3affa?

#f3affa is pastel light magenta. The closest named color is Strawberry Buttercream. In RGB it is rgb(243, 175, 250), in HSL hsl(294.4, 88.24%, 83.33%) and in OKLCH oklch(84.19% 0.12501 323.412).

What colors go well with #f3affa?

The complementary color of #f3affa is #99e096. For a calmer combination use the analogous colors #cebeff and #ffa8d2. The triadic partners are #f2c465 and #4ce3f0.

Is white or black text more readable on #f3affa?

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

Is #f3affa a warm or cool color?

#f3affa is a neutral color. In OKLCH its hue is 323 degrees, its lightness 84.2% and its chroma 0.125.