Skip to the color picker

#f0affd color: Pink Sugar

#f0affd is rgb(240, 175, 253) in RGB and oklch(84.011% 0.12637 320.728) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

290°
100%

84%
0.126
321°
  • Magenta
  • Light
  • Vivid
  • Pastel
  • Neutral
  • ≈ Mauve
  • fuchsia-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.71:1Hard to read
Lc -35
Black text
12.26: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 #f0affd

#f0affd is a pastel light magenta color. In OKLCH it has 84% lightness, 0.126 chroma and a hue of 321°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.71:1 contrast and black text 12.26:1, so black text reads better.

The closest named color is Pink Sugar (#eeaaff). In Tailwind CSS the closest color is fuchsia-300.

More light magenta colors

Lighter: #f0affd mixed with white

  1. f0affd
  2. f2b7fe
  3. f4bffe
  4. f5c8fe
  5. f7d0ff
  6. f8d8ff
  7. fadfff
  8. fbe7ff
  9. fdefff
  10. fef7ff

Darker: #f0affd mixed with black

  1. f0affd
  2. d198dc
  3. b281bc
  4. 956b9d
  5. 78567f
  6. 5d4162
  7. 432e47
  8. 2a1c2d
  9. 140b16
  10. 030103

Calmer: #f0affd with less saturation

  1. f0affd
  2. ecb2f8
  3. e9b5f3
  4. e5b8ee
  5. e2bbe9
  6. debee4
  7. dac0df
  8. d6c3da
  9. d2c6d5
  10. cec8d0

Questions about #f0affd

What color is #f0affd?

#f0affd is pastel light magenta. The closest named color is Pink Sugar. In RGB it is rgb(240, 175, 253), in HSL hsl(290, 95.12%, 83.92%) and in OKLCH oklch(84.011% 0.12637 320.728).

What colors go well with #f0affd?

The complementary color of #f0affd is #9cdf90. For a calmer combination use the analogous colors #cabeff and #ffa8d5. The triadic partners are #f5c163 and #48e3ec.

Is white or black text more readable on #f0affd?

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

Is #f0affd a warm or cool color?

#f0affd is a neutral color. In OKLCH its hue is 321 degrees, its lightness 84% and its chroma 0.126.