CSS named color
Orchid
#DA70D6
HEX
#da70d6RGB
rgb(218, 112, 214)HSL
hsl(302, 59%, 65%)OKLCH
oklch(70.21% 0.1813 328.71)NAME
orchidPalette
Complementary
180° on the color wheelComplement
#71DA75
Analogous
±30° around the base hueLeft
#A971DA
Right
#DA71A2
Triadic
±120° for harmonic contrastTriad 1
#D7DA71
Triad 2
#71D7DA
Shades
Lighter and darker variantsCSS usage
By name
color: orchid;
background-color: orchid;By HEX
color: #da70d6;
background-color: #da70d6;By RGB
color: rgb(218, 112, 214);
background-color: rgb(218, 112, 214);By HSL
color: hsl(302, 59%, 65%);
background-color: hsl(302, 59%, 65%);WCAG contrast vs white
Aa
2.89:1
Below minimum
WCAG contrast vs black
Aa
7.27:1
AAA
Related colors
FAQ — Orchid
What is the HEX code for Orchid?
The HEX code for Orchid is #DA70D6. It's one of the 148 named CSS colors and can be used directly in CSS as color: orchid; or color: #da70d6;
What is Orchid in RGB?
Orchid in RGB is rgb(218, 112, 214) — red 218, green 112, blue 214.
What is Orchid in HSL?
Orchid in HSL is hsl(302, 59%, 65%) — hue 302°, saturation 59%, lightness 65%.
What is the complementary color of Orchid?
The complementary color (directly opposite Orchid on the color wheel) is #71DA75. The two together produce maximum contrast.
Is white text readable on Orchid?
The WCAG contrast ratio against white (#FFFFFF) is 2.89:1, and against black (#000000) it's 7.27:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.