Skip to the color picker

#fdf4ff color: Sugar Crystal

#fdf4ff is rgb(253, 244, 255) in RGB and oklch(97.726% 0.01732 320.058) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

289°
100%

97.7%
0.017
320°
  • White
  • Very light
  • Muted
  • Neutral
  • ≈ Snow
  • fuchsia-50
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.07:1Hard to read
Lc 0
Black text
19.56:1Readable · AA
Lc 101

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #fdf4ff

#fdf4ff is a white color. In OKLCH it has 97.7% lightness, 0.017 chroma and a hue of 320°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.07:1 contrast and black text 19.56:1, so black text reads better.

The closest named color is Sugar Crystal (#f8f4ff). In Tailwind CSS the closest color is fuchsia-50.

More very light white colors

Lighter: #fdf4ff mixed with white

  1. fdf4ff

Darker: #fdf4ff mixed with black

  1. fdf4ff

Calmer: #fdf4ff with less saturation

  1. fdf4ff

Similar named colors

Colors that go with #fdf4ff

Complementary
#fdf4ff
Analogous
#fdf4ff
Triadic
#fdf4ff
Split
#fdf4ff

Questions about #fdf4ff

What color is #fdf4ff?

#fdf4ff is white. The closest named color is Sugar Crystal. In RGB it is rgb(253, 244, 255), in HSL hsl(289.09, 100%, 97.84%) and in OKLCH oklch(97.726% 0.01732 320.058).

What colors go well with #fdf4ff?

The complementary color of #fdf4ff is #f2fbf0. For a calmer combination use the analogous colors #f7f6ff and #fff3f9. The triadic partners are #fef7eb and #ebfbfc.

Is white or black text more readable on #fdf4ff?

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

Is #fdf4ff a warm or cool color?

#fdf4ff is a neutral color. In OKLCH its hue is 320 degrees, its lightness 97.7% and its chroma 0.017.