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.
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
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →