Skip to content

Orchid #da70d6

Purple’s most flirtatious relative.

RGB
218, 112, 214
HSL
302°, 59%, 65%
CMYK
0, 49, 2, 15
Luminance
0.3135

About Orchid

Orchid, #da70d6, is purple lightened toward pink with the flower’s exact theatricality — showy, delicate and slightly exotic. It sits between lavender’s whisper and magenta’s shout: expressive without aggression.

History

The flower family — some 28,000 species — lent its name in the 1910s as synthetic dyes made bright light purples wearable. Radiant Orchid, Pantone’s 2014 pick, kicked off the decade of purple gradients that tech branding still rides.

Psychology

Orchid reads creative, charming and a touch luxurious — femininity with confidence rather than softness. It flatters beauty, floristry and event design, and gives “playful premium” to apps that find violet too solemn.

In design

Orchid glows as accents and gradients (orchid→violet→indigo is a ready-made hero wash) and as chips on charcoal. On white it fails as text (2.3:1) — deepen toward #9932cc for copy. Pair with sage, gold, cream and deep green foliage tones.

In culture

Orchids are obsession botanized — Victorian “orchidelirium” bankrupted collectors — and the color carries that rare-bloom prestige. In corsage tradition, an orchid outranks a rose.

Brands that own orchid

Shades of orchid

Every format

HEX#da70d6
RGBrgb(218, 112, 214)
HSLhsl(302, 59%, 65%)
CMYKcmyk(0%, 49%, 2%, 15%)
LABlab(62.8 55.3 -34.4)
LCHlch(62.8 65.1 328.1)
OKLCHoklch(0.702 0.181 328.7)

Copy-ready code

/* CSS */
color: #da70d6;
background-color: #da70d6;
/* Tailwind (arbitrary) */
class="text-[#da70d6] bg-[#da70d6]"
/* SCSS */
$brand: #da70d6;
/* SwiftUI */
Color(red: 0.855, green: 0.439, blue: 0.839)
/* Android */
Color.parseColor("#da70d6")

Accessibility — WCAG contrast

Aa
#da70d6 on white: 2.89:1
AA ✗ fail · AA-large · AAA
Aa
#da70d6 on black: 7.27:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red85.5%
Green43.9%
Blue83.9%

CMYK percentages

Cyan0.0%
Magenta48.6%
Yellow1.8%
Key (black)14.5%

Color previews

#da70d6 text on a black background

contrast 7.27:1

Card sample

#da70d6 text on a white background

contrast 2.89:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #da70d6;
Background color
Panel with #da70d6 background
background-color: #da70d6;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #da70d6;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(218, 112, 214, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(218, 112, 214, 0.45);
Border & gradient
Gradient panel
border: 3px solid #da70d6;
background: linear-gradient(135deg, #da70d6, #DA708F);

Monochromatic scale

Palettes built from #da70d6

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Orchid, answered

What is the hex code for orchid?

CSS orchid is #da70d6, with medium orchid #ba55d3 and dark orchid #9932cc stepping deeper. Pantone’s Radiant Orchid maps near #ad5e99.

Orchid vs lavender vs lilac?

Lavender is palest and bluest, lilac adds pink softness, orchid is the most saturated and pink-forward of the three — garden order, roughly.

Is orchid usable for text?

Not at CSS strength (2.3:1 on white). Dark orchid #9932cc reaches ~5:1 — passable for large text; body copy wants deeper violets still.

Work with #da70d6 in the Color Lab