HTML named color
Orchid color code
Use the Orchid HTML color with HEX #DA70D6, RGB 218,112,214 and HSL 302,59%,65%. Copy CSS examples, shades and accessible contrast combinations.
Violets
#DA70D6
rgb(218,112,214)
HEX
#DA70D6RGB
rgb(218,112,214)HSL
hsl(302,59%,65%)OKLCH
oklch(70.2% 0.181 328.7)CSS name
orchidHow to use this color
Orchid can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-orchid {
color: #DA70D6;
}
.bg-orchid {
background-color: orchid;
}
.border-orchid {
border-color: rgb(218,112,214);
}Shades palette
#290A28#5B1A59#902C8D#BF40BB#CD74CA#DEABDC#F0DBEF