A study in purple
Orchid
#DA70D6
- Family
- Purple
- L
- 0.702
- C
- 0.181
- H
- 329°
Notes
Orchid is the bright, slightly pink-leaning mid-purple named after the flower. The CSS hex is brighter than Medium Orchid and reads as theatrical and slightly nostalgic. Cosmetic, fashion, and arts brands use it as a primary accent. Pair with cream for a softer palette, or with deep teal for richer contrast. As a UI element it works well for buttons and display headings; against white it carries enough contrast for most non-body uses but is borderline for small text. AA passes only at 18px and above; smaller text drops below.
Palette built around Orchid
Related colors
Frequently asked questions
What is Orchid?
Orchid is the bright, slightly pink-leaning mid-purple named after the flower. The CSS hex is brighter than Medium Orchid and reads as theatrical and slightly nostalgic. Its hex code is #DA70D6.
What are the tints and shades of Orchid?
uishades builds an 11-step OKLCH ramp for Orchid (#DA70D6) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Orchid?
Its complementary color is #30BC5A. Triadic partners are #C89700 and #00B6CD; analogous neighbours are #F4669D and #AF81FF.
What are the OKLCH and RGB values of Orchid?
Orchid is #DA70D6 - OKLCH 0.702 0.181 329°, rgb(218 112 214), in the purple family.