Orchid color (#DA70D6)
Orchid is one of the 148 CSS named colors. Use the keyword orchid
anywhere CSS accepts a color, or its hex code #DA70D6, which is rgb(218, 112, 214) in RGB.
It is a medium, vivid cool color with a hue angle of 302° on the HSL color wheel and a perceived lightness of 70% in OKLCH. On a orchid background, black text gives the higher contrast at 7.26:1, which passes WCAG AA for normal text.
Orchid color codes
| CSS name | orchid |
|
|---|---|---|
| HEX | #DA70D6 |
|
| HEX (8-digit) | #DA70D6FF |
|
| RGB | rgb(218, 112, 214) |
|
| HSL | hsl(302, 59%, 65%) |
|
| HSV / HSB | hsv(302, 49%, 86%) |
|
| OKLCH | oklch(70.2% 0.1813 328.7) |
|
| CMYK | cmyk(0%, 48.6%, 1.8%, 14.5%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for orchid used as text and as a background.
Tints and shades of orchid
Tints mix orchid with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with orchid
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Orchid with color blindness
Approximately how orchid appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using orchid in CSS
.element {
color: orchid;
background-color: #da70d6;
border-color: rgb(218 112 214 / 50%);
outline-color: oklch(70.2% 0.1813 328.7);
}Similar named colors
See all shades of purple or browse every CSS color name.