Orchid colour (#DA70D6)

Orchid is medium a pink/magenta with hex code #DA70D6, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 218, 112, 214; in HSL 302°, 59%, 65%. Use the tool to explore shades and harmonies.

✓ Runs in your browser — nothing uploaded Free, no sign-upNo watermark

How to use the Orchid colour

  1. The colour is pre-filled; click Explore to see all formats, shades and harmonies.
  2. Edit the value to try a variation.
  3. Copy the code you need.

Orchid in every format

FormatValue
HEX#DA70D6
RGBrgb(218, 112, 214)
RGB (0–1)0.855, 0.439, 0.839
HSLhsl(302, 59%, 65%)
CMYK (approx.)0%, 49%, 2%, 15%
CSScolor: orchid;

Shades and tints of Orchid

Same hue and saturation, lightness from 90% to 10%:

#f5d6f4 #eaaee8 #e085dd #d55dd1 #cb34c6 #a22a9e #7a1f77 #51154f #290a28

Colours that go with Orchid

HarmonyColours
Complementary #71da75
Triadic #d7da71 #71d7da
Analogous #da71a2 #a971da

Similar named colours

The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:

ColourHEXDifference
violet #ee82eeclose
mediumorchid #ba55d3close
plum #dda0ddclose
hotpink #ff69b4close
palevioletred #db7093close

Accessibility

Contrast ratio of Orchid against white is 2.89:1 (fails WCAG AA for normal text) and against black 7.27:1 (passes). Use black or very dark text on a Orchid background rather than white.

Frequently asked questions

What is the hex code for Orchid?

#DA70D6.

What is Orchid in RGB?

rgb(218, 112, 214).

What colour is complementary to Orchid?

#71da75, directly opposite on the colour wheel.

Privacy

This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.

Last updated 2026-09-23.