Orchid color values
| Format | Value |
|---|---|
| Hex | #DA70D6 |
| RGB | rgb(218, 112, 214) |
| HSL | hsl(302, 59%, 65%) |
| HSV | 302, 49%, 85% |
| CMYK (simple conversion) | 0%, 49%, 2%, 15% |
| Decimal | 14315734 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Orchid
This soft purple with pink undertones mirrors the delicate petals of orchid flowers. Designers choose it for beauty, wellness, and luxury branding where a gentle elegance is needed. It provides a floral warmth that feels both refined and approachable. It is one of the 148 CSS named colors.
Shades and tints of Orchid
Tints mix Orchid with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #DE7EDA | #C465C1 |
| 20% | #E18DDE | #AE5AAB |
| 30% | #E59BE2 | #994E96 |
| 40% | #E9A9E6 | #834380 |
| 50% | #EDB8EB | #6D386B |
Color harmony for Orchid
These colors keep the same saturation and lightness as Orchid and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #70DA74 |
| Analogous | #A970DA #DA70A1 |
| Triadic | #D6DA70 #70D6DA |
| Split complementary | #A1DA70 #70DAA9 |
Contrast and accessibility
Contrast between #DA70D6 and white is 2.89:1 (fails). Against black it is 7.27:1 (passes AAA). For text on a Orchid background, black text is the more readable choice.
Use Orchid in CSS
.element {
color: orchid;
background-color: #DA70D6;
border-color: rgb(218 112 214);
outline-color: hsl(302 59% 65%);
}All four lines produce exactly the same color. The keyword orchid is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Orchid?
The hex code for Orchid is #DA70D6. As a CSS color keyword you can also write orchid.
What is Orchid in RGB?
Orchid is rgb(218, 112, 214): red 218, green 112, blue 214 on the 0 to 255 scale.
What color is closest to Orchid?
Of the CSS named colors, violet (#EE82EE) is the closest match to Orchid, followed by mediumorchid and plum.
More colors
- Orange Red: previous page
- Pale Green: next page
- CSS named colors: the full list