- No data uploaded
- Instant results
Orchid — #DA70D6
Orchid is the CSS named colour orchid, hex #DA70D6. It has a contrast ratio of 2.89:1 on white and 7.27:1 on black — best used as text on dark backgrounds.
Orchid — #DA70D6
Contrast on white 2.89:1 · on black 7.27:1
Tints
Shades
Complementary
Triadic
Analogous
Using Orchid in code
CSS: color: orchid; or color: #DA70D6; · Tailwind: text-[#DA70D6] · Android/Flutter: 0xFFDA70D6
Orchid colour harmonies
Complementary: #70DA74 · Triadic: #D6DA70, #70D6DA · Analogous: #A970DA, #DA70A1. Use tints for backgrounds and shades for hover states.
Orchid in every colour format
| Format | Value |
|---|---|
| HEX | #DA70D6 |
| RGB | rgb(218, 112, 214) |
| HSL | hsl(302, 59%, 65%) |
| HSV | hsv(302, 49%, 85%) |
| CMYK | cmyk(0%, 49%, 2%, 15%) |
| CSS name | orchid |
| Contrast on white | 2.89:1 |
| Contrast on black | 7.27:1 |
Frequently asked questions
What is the hex code for Orchid?
#DA70D6 (CSS name: orchid).
What is Orchid in RGB?
rgb(218, 112, 214)
What colour goes well with Orchid?
Its complementary colour #70DA74, or the analogous #A970DA and #DA70A1.