All CSS Colors
#DA70D6orchid

Orchid

CSS named color · Purple family

HEX#DA70D6
RGBrgb(218, 112, 214)
HSLhsl(302, 59%, 65%)
CSSorchid

Tints & Shades

#f9e7f8
#f2cef1
#edbaec
#e7a2e5
#e189de
#DA70D6
#cf44ca
#ae2daa
#862382
#591757
#2d0c2b
LighterDarker

Complementary Color

Orchid

#DA70D6

Complement

#71da75

hsl(122, 59%, 65%)

CSS Usage

.element {
  color: orchid;
  background-color: orchid;
}

/* Using hex */
.element {
  color: #DA70D6;
  background-color: #DA70D6;
}

/* Using RGB */
.element {
  color: rgb(218, 112, 214);
  background-color: rgb(218, 112, 214);
}

Similar Colors

Purple

#800080

Magenta

#FF00FF

Indigo

#4B0082

Violet

#EE82EE

Plum

#DDA0DD

Lavender

#E6E6FA

Thistle

#D8BFD8

Related Tools

Hex to RGB Converter

Convert any hex color to RGB, HSL, and more

Color Palette Generator

Generate harmonious color palettes from any color

Color Converter

Convert between HEX, RGB, HSL, and more formats

Color Contrast Checker

Check WCAG contrast ratios for accessibility

Browse All CSS Colors

RedBlueGreenYellowOrangePurplePinkCyanMagentaWhiteBlackGraySilverGoldCoralSalmonTomatoCrimsonMaroonNavyTealAquaLimeOliveIndigoVioletPlumOrchidTurquoiseChocolateSiennaPeruTanWheatIvoryLinenBeigeLavenderThistleKhakiSky BlueSteel BlueRoyal BlueDodger BlueDeep PinkHot PinkFuchsiaAquamarineSpring GreenMedium Sea Green