Orchid (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Orchid (CSS) (#DA70D6), each snapped to its nearest named color.
#DA70D6
#DBDB70
#78D8D9
#EEC3EE
#C8CD37
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 | |
| Moist Gold | #DBDB70 | 219, 219, 112 | 60°, 60%, 65% | 0, 0, 49, 14 | 87.0% 0.130 109 | |
| Andes Sky | #78D8D9 | 120, 216, 217 | 181°, 56%, 66% | 45, 0, 0, 15 | 82.4% 0.091 196 | |
| Purple’s Baby Sister | #EEC3EE | 238, 195, 238 | 300°, 56%, 85% | 0, 18, 0, 7 | 86.8% 0.075 326 | |
| Yellow-Green Grosbeak | #C8CD37 | 200, 205, 55 | 62°, 60%, 51% | 2, 0, 73, 20 | 81.9% 0.164 111 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DA70D6 on #DBDB70 | 1.98:1 | — |
| Aa #DA70D6 on #EEC3EE | 1.88:1 | — |
| Aa #DA70D6 on #78D8D9 | 1.74:1 | — |
| Aa #DA70D6 on #C8CD37 | 1.68:1 | — |
| Aa #DBDB70 on #C8CD37 | 1.17:1 | — |
| Aa #DBDB70 on #78D8D9 | 1.14:1 | — |
CSS variables
:root {
--color-1: #da70d6; /* Orchid (CSS) */
--color-2: #dbdb70; /* Moist Gold */
--color-3: #78d8d9; /* Andes Sky */
--color-4: #eec3ee; /* Purple’s Baby Sister */
--color-5: #c8cd37; /* Yellow-Green Grosbeak */
}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) 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 triadic color schemes
- Always Rosey Triadic Color Scheme#E79DB3#BBEE99#9BB8E2#F8EAED#8DCE65
- Atomic Pink Triadic Color Scheme#FB7EFD#FEFC7E#7DF9FF#FFE0F5#FAFA37
- Avant-Garde Pink Triadic Color Scheme#FF77EE#F8FF73#6DEDFD#FFDDFF#E8FF2A
- Barbiecore Triadic Color Scheme#E15ACB#D9E650#4EC0ED#EDABE6#ACC729
- Blush d’Amour Triadic Color Scheme#DE5D83#88DD55#5588DD#EDB2C4#58D332
- Blushing Sky Triadic Color Scheme#D9B1D6#D9D9B1#AFD5D8#F8EEF4#BDC07E
- Bubblegum Triadic Color Scheme#FF85FF#FFFF84#88FFFF#FFEBFE#FDFF38
- Bubblegum Beam Triadic Color Scheme#F887C7#C0FA8B#82CAFC#FFE8F4#A7F432
- Bubblegum Kisses Triadic Color Scheme#F092D6#D8F19C#92D2ED#FEE8F5#B2EC5D
- Candy Floss Triadic Color Scheme#E8A7E2#E4E8A7#A3E3ED#FCEBFA#C6D86B
- Candy Pink Triadic Color Scheme#FF63E9#F1FF62#6DEDFD#FCCCF5#DFFF11
- Classy Mauve Triadic Color Scheme#BB99AA#ACBF93#91ABBE#E8D5DD#85A16A
Questions
What colors go with Orchid (CSS)?
In a triadic scheme: Moist Gold (#DBDB70), Andes Sky (#78D8D9), Purple’s Baby Sister (#EEC3EE), Yellow-Green Grosbeak (#C8CD37).
What is the hex code of Orchid (CSS)?
#DA70D6.