Orchid in OKLCH

Orchid is the soft pinkish-purple CSS named color #DA70D6. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(70.2% 0.181 328.7)

HEX#DA70D6

RGBrgb(218 112 214)

sRGB: in gamutDisplay-P3: in gamut

#DA70D6

oklch(70.2% 0.181 328.7)

Lightness70.2%

Chroma0.181

Hue328.7°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(70.2% 0.181 328.7)

HEX

#DA70D6

RGB

rgb(218 112 214)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 2.89:1

AA ✗AAA ✗

APCA Lc 55

Aa on blackWCAG 7.27:1

AA ✓AAA ✓

APCA Lc 47

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.124 328.7);
  --color-brand-100: oklch(94.0% 0.129 328.7);
  --color-brand-200: oklch(88.0% 0.139 328.7);
  --color-brand-300: oklch(80.0% 0.152 328.7);
  --color-brand-400: oklch(70.0% 0.168 328.7);
  --color-brand-500: oklch(62.0% 0.181 328.7);
  --color-brand-600: oklch(54.0% 0.168 328.7);
  --color-brand-700: oklch(46.0% 0.155 328.7);
  --color-brand-800: oklch(38.0% 0.142 328.7);
  --color-brand-900: oklch(30.0% 0.129 328.7);
  --color-brand-950: oklch(22.0% 0.116 328.7);
}

About orchid

Orchid is a gentle magenta-purple that reads as creative, feminine and elegant, which suits beauty, floral and lifestyle branding. It sits at a mid-to-high lightness with strong chroma, so the tonal scale gives a pretty range from pale lilac to deep orchid. Hold the hue and vary lightness for the ramp, then copy the OKLCH, HEX or RGB value.

Orchid in CSS: oklch(70.2% 0.181 328.7) · #da70d6 · rgb(218 112 214)

Frequently Asked Questions

Orchid is rgb(218, 112, 214). The RGB, HEX (#DA70D6) and OKLCH values are all shown in the readouts above and can be copied individually.

Orchid (#DA70D6) is brighter and more magenta, while plum (#DDA0DD) is lighter and softer. In OKLCH orchid carries more chroma at a similar hue.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker