Orchid (CSS)

Orchid (CSS) is a light, moderately saturated purple color with the hex code #DA70D6 (hue 302°, saturation 59%, lightness 65%). It is also the CSS named color orchid.

#DA70D6

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Orchid (CSS)	`#DA70D6`	218, 112, 214	302°, 59%, 65%	0, 49, 2, 15	70.2% 0.181 329

Contrast with white text 2.89:1, with black text 7.27:1 — use black text on Orchid (CSS).

orchid is one of the 148 named colors in CSS, with exactly this value, so color: orchid works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#F5D6F3

#E59AE2

#D55DD1

#B62FB1

#7A1F76

#3D103B

Colors that go with Orchid (CSS)

Six color schemes built on Orchid (CSS) with classic harmony rules. The complementary scheme pairs it with Pastel Green (#77DD77), the color opposite it on the color wheel.

Nearest CSS named colors

Violet (CSS) (violet): Violet (CSS) (#EE82EE) is lighter than Orchid (CSS) (relative luminance 0.403 vs 0.313) and more saturated, with the same hue.
Hot Pink (CSS) (hotpink): Hot Pink (CSS) (#FF69B4) is lighter than Orchid (CSS) (relative luminance 0.347 vs 0.313) and more saturated, with its hue 28° away.
Medium Orchid (mediumorchid): Medium Orchid (#BA55D3) is darker than Orchid (CSS) (relative luminance 0.216 vs 0.313) and equally saturated, with its hue 14° away.
Pale Violet Red (palevioletred): Pale Violet Red (#DB7093) is darker than Orchid (CSS) (relative luminance 0.288 vs 0.313) and equally saturated, with its hue 38° away.

Similar light pink colors

Questions

What is the hex code for Orchid (CSS)?

#DA70D6 — RGB 218, 112, 214, HSL 302°, 59%, 65%.

Is Orchid (CSS) a warm or cool color?

Cool — its hue sits at 302° on the color wheel.