Skip to the color picker

#d676da color: Jewel Caterpillar

#d676da is rgb(214, 118, 218) in RGB and oklch(70.757% 0.17269 325.737) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

298°
100%

70.8%
0.173
326°
  • Magenta
  • Light
  • Soft
  • Neutral
  • ≈ Orchid
  • purple-400
  • Black 15%

Inside sRGB: displays the same on any screen.

White text
2.81:1Hard to read
Lc -59
Black text
7.46:1Readable · AA
Lc 50

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

#d676da is a soft light magenta color. In OKLCH it has 70.8% lightness, 0.173 chroma and a hue of 326°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.81:1 contrast and black text 7.46:1, so black text reads better.

The closest named color is Jewel Caterpillar (#d374d5). In Tailwind CSS the closest color is purple-400.

More light magenta colors

Lighter: #d676da mixed with white

  1. d676da
  2. db85de
  3. e093e2
  4. e4a1e6
  5. e9aeea
  6. edbcee
  7. f1c9f2
  8. f5d7f5
  9. f8e4f8
  10. fcf2fc

Darker: #d676da mixed with black

  1. d676da
  2. ba66bd
  3. 9e56a2
  4. 844787
  5. 6a386c
  6. 522954
  7. 3b1c3c
  8. 250f25
  9. 100511
  10. 020102

Calmer: #d676da with less saturation

  1. d676da
  2. d17bd4
  3. cc81cf
  4. c785c9
  5. c28ac4
  6. bd8ebe
  7. b892b8
  8. b296b2
  9. ac9aad
  10. a79da7

Questions about #d676da

What color is #d676da?

#d676da is soft light magenta. The closest named color is Jewel Caterpillar. In RGB it is rgb(214, 118, 218), in HSL hsl(297.6, 57.47%, 65.88%) and in OKLCH oklch(70.757% 0.17269 325.737).

What colors go well with #d676da?

The complementary color of #d676da is #4abc59. For a calmer combination use the analogous colors #ab86ff and #f16ca5. The triadic partners are #ce9700 and #00b8cb.

Is white or black text more readable on #d676da?

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

Is #d676da a warm or cool color?

#d676da is a neutral color. In OKLCH its hue is 326 degrees, its lightness 70.8% and its chroma 0.173.