Skip to the color picker

#de84bc color: Pink Punk

#de84bc is rgb(222, 132, 188) in RGB and oklch(72.586% 0.12974 342.837) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

323°
100%

72.6%
0.130
343°
  • Pink
  • Light
  • Soft
  • Warm
  • ≈ Orchid
  • pink-400
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.58:1Hard to read
Lc -55
Black text
8.13:1Readable · AA
Lc 54

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

#de84bc is a soft light pink color. In OKLCH it has 72.6% lightness, 0.13 chroma and a hue of 343°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.58:1 contrast and black text 8.13:1, so black text reads better.

The closest named color is Pink Punk (#d983bd). In Tailwind CSS the closest color is pink-400.

More light pink colors

Lighter: #de84bc mixed with white

  1. de84bc
  2. e291c3
  3. e69dc9
  4. eaa9d0
  5. eeb5d7
  6. f1c2dd
  7. f5cee4
  8. f7daeb
  9. fae6f1
  10. fdf3f8

Darker: #de84bc mixed with black

  1. de84bc
  2. c172a3
  3. a5608b
  4. 894f73
  5. 6f3f5d
  6. 552f47
  7. 3d2032
  8. 26121f
  9. 12060d
  10. 020102

Calmer: #de84bc with less saturation

  1. de84bc
  2. d988ba
  3. d48cb8
  4. cf90b6
  5. ca93b3
  6. c497b1
  7. bf9aaf
  8. b99dad
  9. b3a0ab
  10. ada3a8

Similar named colors

Colors that go with #de84bc

Complementary
#de84bc#48bf8e
Analogous
#de84bc#c38de0#ec828f
Triadic
#de84bc#b6a93a#1fb7e1
Split
#de84bc#86b85f#00bfbc

Questions about #de84bc

What color is #de84bc?

#de84bc is soft light pink. The closest named color is Pink Punk. In RGB it is rgb(222, 132, 188), in HSL hsl(322.67, 57.69%, 69.41%) and in OKLCH oklch(72.586% 0.12974 342.837).

What colors go well with #de84bc?

The complementary color of #de84bc is #48bf8e. For a calmer combination use the analogous colors #c38de0 and #ec828f. The triadic partners are #b6a93a and #1fb7e1.

Is white or black text more readable on #de84bc?

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

Is #de84bc a warm or cool color?

#de84bc is a warm color. In OKLCH its hue is 343 degrees, its lightness 72.6% and its chroma 0.13.