Orchid (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Orchid (CSS) (#DA70D6), each snapped to its nearest named color.
#DA70D6
#D9A96F
#77DD77
#71A2D4
#EEC3EE
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 | |
| Flower Field | #D9A96F | 217, 169, 111 | 33°, 58%, 64% | 0, 22, 49, 15 | 76.6% 0.094 71 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | 81.2% 0.169 144 | |
| Kindred | #71A2D4 | 113, 162, 212 | 210°, 54%, 64% | 47, 24, 0, 17 | 69.7% 0.091 250 | |
| Purple’s Baby Sister | #EEC3EE | 238, 195, 238 | 300°, 56%, 85% | 0, 18, 0, 7 | 86.8% 0.075 326 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DA70D6 on #EEC3EE | 1.88:1 | — |
| Aa #71A2D4 on #EEC3EE | 1.75:1 | — |
| Aa #DA70D6 on #77DD77 | 1.70:1 | — |
| Aa #77DD77 on #71A2D4 | 1.58:1 | — |
| Aa #D9A96F on #EEC3EE | 1.39:1 | — |
| Aa #DA70D6 on #D9A96F | 1.36:1 | — |
CSS variables
:root {
--color-1: #da70d6; /* Orchid (CSS) */
--color-2: #d9a96f; /* Flower Field */
--color-3: #77dd77; /* Pastel Green */
--color-4: #71a2d4; /* Kindred */
--color-5: #eec3ee; /* Purple’s Baby Sister */
}Other schemes from Orchid (CSS)
- Orchid (CSS) Complementary Color Scheme#DA70D6#EEBBEE#77DD77#32CD32#C1EFC6
- 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) Monochromatic Color Scheme#942193#CC33CC#DA70D6#EDABE6#FCEBFA
More light pink tetradic color schemes
- Always Rosey Tetradic Color Scheme#E79DB3#D5E69D#9CE5D6#A899E6#F8EAED
- Atomic Pink Tetradic Color Scheme#FB7EFD#FFBB7C#8CFD7E#73C2FB#FFE0F5
- Avant-Garde Pink Tetradic Color Scheme#FF77EE#FFCC77#7BE892#77AAFF#FFDDFF
- Barbiecore Tetradic Color Scheme#E15ACB#E3B258#4CFF7B#5B92E5#EDABE6
- Blush d’Amour Tetradic Color Scheme#DE5D83#D0D557#5FD1BA#6D5ACF#EDB2C4
- Blushing Sky Tetradic Color Scheme#D9B1D6#DACAB1#B1D4B7#B3C4D8#F8EEF4
- Bubblegum Tetradic Color Scheme#FF85FF#FFC283#94FF94#82CAFC#FFEBFE
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Kisses Tetradic Color Scheme#F092D6#EDDA8F#99EEAA#9BA0EF#FEE8F5
- Candy Floss Tetradic Color Scheme#E8A7E2#E7D0A6#AAEEAA#A7C2EB#FCEBFA
- Candy Pink Tetradic Color Scheme#FF63E9#FFC863#73FA79#6495ED#FCCCF5
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
Questions
What colors go with Orchid (CSS)?
In a tetradic scheme: Flower Field (#D9A96F), Pastel Green (#77DD77), Kindred (#71A2D4), Purple’s Baby Sister (#EEC3EE).
What is the hex code of Orchid (CSS)?
#DA70D6.