Orchid (CSS) Complementary Color Scheme
Five colors arranged by the complementary rule around Orchid (CSS) (#DA70D6), each snapped to its nearest named color.
#DA70D6
#EEBBEE
#77DD77
#32CD32
#C1EFC6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Orchid (CSS) | #DA70D6 | 218, 112, 214 | 302°, 59%, 65% | 0, 49, 2, 15 | 70.2% 0.181 329 | |
| Lovecloud | #EEBBEE | 238, 187, 238 | 300°, 60%, 83% | 0, 21, 0, 7 | 85.3% 0.089 326 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | 81.2% 0.169 144 | |
| Poisonous Pesticide | #32CD32 | 50, 205, 50 | 120°, 61%, 50% | 76, 0, 76, 20 | 74.2% 0.229 143 | |
| Peasful Mint | #C1EFC6 | 193, 239, 198 | 127°, 59%, 85% | 19, 0, 17, 6 | 90.9% 0.073 148 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DA70D6 on #C1EFC6 | 2.26:1 | — |
| Aa #DA70D6 on #EEBBEE | 1.79:1 | — |
| Aa #DA70D6 on #77DD77 | 1.70:1 | — |
| Aa #32CD32 on #C1EFC6 | 1.66:1 | — |
| Aa #DA70D6 on #32CD32 | 1.36:1 | — |
| Aa #77DD77 on #C1EFC6 | 1.33:1 | — |
CSS variables
:root {
--color-1: #da70d6; /* Orchid (CSS) */
--color-2: #eebbee; /* Lovecloud */
--color-3: #77dd77; /* Pastel Green */
--color-4: #32cd32; /* Poisonous Pesticide */
--color-5: #c1efc6; /* Peasful Mint */
}Other schemes from Orchid (CSS)
- Orchid (CSS) Analogous Color Scheme#6F6ED1#A669DB#DA70D6#DE70A1#D87273
- Orchid (CSS) Triadic Color Scheme#DA70D6#DBDB70#78D8D9#EEC3EE#C8CD37
- Orchid (CSS) Split-complementary Color Scheme#DA70D6#A4D579#66DDAA#CC33CC#CEEBB2
- Orchid (CSS) Tetradic Color Scheme#DA70D6#D9A96F#77DD77#71A2D4#EEC3EE
- Orchid (CSS) Monochromatic Color Scheme#942193#CC33CC#DA70D6#EDABE6#FCEBFA
More light pink complementary color schemes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Orchid (CSS)?
In a complementary scheme: Lovecloud (#EEBBEE), Pastel Green (#77DD77), Poisonous Pesticide (#32CD32), Peasful Mint (#C1EFC6).
What is the hex code of Orchid (CSS)?
#DA70D6.