Skip to the color picker

#ffccd3 color: Sweet Sixteen

#ffccd3 is rgb(255, 204, 211) in RGB and oklch(89.156% 0.05839 9.078) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

352°
100%

89.2%
0.058
9°
  • Pink
  • Very light
  • Soft
  • Pastel
  • Warm
  • ≈ Pink
  • rose-200
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.42:1Hard to read
Lc -23
Black text
14.83:1Readable · AA
Lc 84

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

#ffccd3 is a pastel very light pink color. In OKLCH it has 89.2% lightness, 0.058 chroma and a hue of 9°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.42:1 contrast and black text 14.83:1, so black text reads better.

The closest named color is Sweet Sixteen (#ffc9d3). In Tailwind CSS the closest color is rose-200.

More very light pink colors

Lighter: #ffccd3 mixed with white

  1. ffccd3

Darker: #ffccd3 mixed with black

  1. ffccd3

Calmer: #ffccd3 with less saturation

  1. ffccd3

Similar named colors

Colors that go with #ffccd3

Complementary
#ffccd3
Analogous
#ffccd3
Triadic
#ffccd3
Split
#ffccd3

Questions about #ffccd3

What color is #ffccd3?

#ffccd3 is pastel very light pink. The closest named color is Sweet Sixteen. In RGB it is rgb(255, 204, 211), in HSL hsl(351.76, 100%, 90%) and in OKLCH oklch(89.156% 0.05839 9.078).

What colors go well with #ffccd3?

The complementary color of #ffccd3 is #afe8e3. For a calmer combination use the analogous colors #f6cde8 and #ffcfbf. The triadic partners are #cfe3bb and #bedfff.

Is white or black text more readable on #ffccd3?

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

Is #ffccd3 a warm or cool color?

#ffccd3 is a warm color. In OKLCH its hue is 9 degrees, its lightness 89.2% and its chroma 0.058.