Midnight Pie Complementary Color Scheme
Five colors arranged by the complementary rule around Midnight Pie (#372D52), each snapped to its nearest named color.
#372D52
#5A4E8F
#47562F
#172713
#879550
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Pie | #372D52 | 55, 45, 82 | 256°, 29%, 25% | 33, 45, 0, 68 | |
| Purple Corallite | #5A4E8F | 90, 78, 143 | 251°, 29%, 43% | 37, 45, 0, 44 | |
| Trefoil | #47562F | 71, 86, 47 | 83°, 29%, 26% | 17, 0, 45, 66 | |
| Deep Slate Olive | #172713 | 23, 39, 19 | 108°, 34%, 11% | 41, 0, 51, 85 | |
| Bold Avocado | #879550 | 135, 149, 80 | 72°, 30%, 45% | 9, 0, 46, 42 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #172713 on #879550 | 4.82:1 | AA |
| Aa #372D52 on #879550 | 3.88:1 | AA large |
| Aa #47562F on #879550 | 2.44:1 | — |
| Aa #5A4E8F on #879550 | 2.21:1 | — |
| Aa #5A4E8F on #172713 | 2.19:1 | — |
| Aa #47562F on #172713 | 1.98:1 | — |
CSS variables
:root {
--color-1: #372d52; /* Midnight Pie */
--color-2: #5a4e8f; /* Purple Corallite */
--color-3: #47562f; /* Trefoil */
--color-4: #172713; /* Deep Slate Olive */
--color-5: #879550; /* Bold Avocado */
}Other schemes from Midnight Pie
- Midnight Pie Analogous Color Scheme#2F484E#343450#372D52#4E2E53#532D45
- Midnight Pie Triadic Color Scheme#372D52#52352F#2E4E36#60569A#231712
- Midnight Pie Split-complementary Color Scheme#372D52#524B2A#364C2E#111122#807548
- Midnight Pie Tetradic Color Scheme#372D52#522C35#47562F#33534B#60569A
- Midnight Pie Monochromatic Color Scheme#0B0C14#111122#372D52#564985#766CB0
More Dark Purple complementary palettes
- Acai Complementary Color Scheme#48295B#734F96#2D5E22#172713#66A545
- Blackmail Complementary Color Scheme#220066#510AC9#4D6D08#0F180A#88CC00
- Call It a Night Complementary Color Scheme#42364C#75528B#445533#172713#769358
- Child of the Night Complementary Color Scheme#220077#3300CC#447700#172808#99DD00
- Dark Dreams Complementary Color Scheme#332266#5930A9#526525#223311#93B13D
- Drifting Violet Complementary Color Scheme#5B4276#8A6FA9#5B7349#37412A#90AC74
- Elegant Purple Gown Complementary Color Scheme#552367#8833AA#346E23#112A12#51B73B
- Explorer of the Galaxies Complementary Color Scheme#3A1F76#5533BB#536B1F#333311#9ACD32
- Extraviolet Complementary Color Scheme#661188#AD03DE#328E13#154406#4BEC13
- Fabric of Space Complementary Color Scheme#341758#5930A9#35530A#0F180A#71AA34
- Fading Horizon Complementary Color Scheme#442266#7737AA#526525#172713#70B23F
- Fuchsia Nebula Complementary Color Scheme#7722AA#A846D7#5CAC2D#3D7016#88DD55
Questions
What colors go with Midnight Pie?
In a complementary scheme: Purple Corallite (#5A4E8F), Trefoil (#47562F), Deep Slate Olive (#172713), Bold Avocado (#879550).
What is the hex code of Midnight Pie?
#372D52.