Orchid

orchid is a CSS color keyword. The closest Tailwind step is fuchsia-400 (#e879f9).

#da70d6rgb(218, 112, 214)
Hex
#da70d6
RGB
218, 112, 214
HSL
302°, 59%, 65%
OKLCH
70.2% 0.181 328.7
LAB
62.8 55.3 -34.4

Open #da70d6 in the explorer

Text contrast

Black or white text on #da70d6. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text7.3:1 AAAAPCA Lc 52
White text2.9:1 FailAPCA Lc -58

Color vision

How #da70d6 looks in simulations of color blindness, at full severity.

Full color
#da70d6
Protanopia
#688fd9
Deuteranopia
#879dd3
Tritanopia
#e07a99

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to orchid.

50100200300400500600700800900950

Copy into CSS

color: orchid;
background: #da70d6;
@theme {
  --color-orchid-50: #fff0fe;
  --color-orchid-100: #ffdafc;
  --color-orchid-200: #ffb3fa;
  --color-orchid-300: #f186ed;
  --color-orchid-400: #d369cf;
  --color-orchid-500: #b14aae;
  --color-orchid-600: #942c92;
  --color-orchid-700: #7a0979;
  --color-orchid-800: #5b005a;
  --color-orchid-900: #3c003c;
  --color-orchid-950: #1d001c;
}