Skip to the color picker

#f4affb color: Strawberry Buttercream

#f4affb is rgb(244, 175, 251) in RGB and oklch(84.328% 0.12665 323.462) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

294°
100%

84.3%
0.127
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.37: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 #f4affb

#f4affb is a pastel light magenta color. In OKLCH it has 84.3% lightness, 0.127 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.37: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: #f4affb mixed with white

  1. f4affb
  2. f6b7fc
  3. f7bffc
  4. f8c8fd
  5. f9d0fd
  6. fbd8fe
  7. fce0fe
  8. fde7fe
  9. feefff
  10. fef7ff

Darker: #f4affb mixed with black

  1. f4affb
  2. d498da
  3. b581ba
  4. 976b9c
  5. 7a567e
  6. 5e4161
  7. 442e46
  8. 2b1c2d
  9. 140b15
  10. 030103

Calmer: #f4affb with less saturation

  1. f4affb
  2. f0b2f6
  3. ecb5f2
  4. e9b8ed
  5. e5bbe8
  6. e1bee4
  7. dcc1df
  8. d8c4da
  9. d4c6d5
  10. d0c9d0

Questions about #f4affb

What color is #f4affb?

#f4affb is pastel light magenta. The closest named color is Strawberry Buttercream. In RGB it is rgb(244, 175, 251), in HSL hsl(294.47, 90.48%, 83.53%) and in OKLCH oklch(84.328% 0.12665 323.462).

What colors go well with #f4affb?

The complementary color of #f4affb is #98e195. For a calmer combination use the analogous colors #cebeff and #ffa9d2. The triadic partners are #f3c463 and #49e3f1.

Is white or black text more readable on #f4affb?

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

Is #f4affb a warm or cool color?

#f4affb is a neutral color. In OKLCH its hue is 323 degrees, its lightness 84.3% and its chroma 0.127.