Beau Monde Complementary Color Scheme
Five colors arranged by the complementary rule around Beau Monde (#7DB39E), each snapped to its nearest named color.
#7DB39E
#B4D6CB
#B37E8C
#8D576D
#DCBDC8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beau Monde | #7DB39E | 125, 179, 158 | 157°, 26%, 60% | 30, 0, 12, 30 | |
| Gemini | #B4D6CB | 180, 214, 203 | 161°, 29%, 77% | 16, 0, 5, 16 | |
| Degas Pink | #B37E8C | 179, 126, 140 | 344°, 26%, 60% | 0, 30, 22, 30 | |
| Majestic Orchid | #8D576D | 141, 87, 109 | 336°, 24%, 45% | 0, 38, 23, 45 | |
| Fragrant Orchid | #DCBDC8 | 220, 189, 200 | 339°, 31%, 80% | 0, 14, 9, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B4D6CB on #8D576D | 3.61:1 | AA large |
| Aa #8D576D on #DCBDC8 | 3.27:1 | AA large |
| Aa #7DB39E on #8D576D | 2.37:1 | — |
| Aa #B4D6CB on #B37E8C | 2.14:1 | — |
| Aa #B37E8C on #DCBDC8 | 1.94:1 | — |
| Aa #B37E8C on #8D576D | 1.69:1 | — |
CSS variables
:root {
--color-1: #7db39e; /* Beau Monde */
--color-2: #b4d6cb; /* Gemini */
--color-3: #b37e8c; /* Degas Pink */
--color-4: #8d576d; /* Majestic Orchid */
--color-5: #dcbdc8; /* Fragrant Orchid */
}Other schemes from Beau Monde
- Beau Monde Analogous Color Scheme#92B57B#7FB383#7DB39E#79B0B6#7C94B3
- Beau Monde Triadic Color Scheme#7DB39E#9D7BB0#B49D7B#BFD9CE#75528B
- Beau Monde Split-complementary Color Scheme#7DB39E#B67DAF#B3837F#54927E#D1ACCE
- Beau Monde Tetradic Color Scheme#7DB39E#847EB1#B37E8C#B3B17B#BFD9CE
- Beau Monde Monochromatic Color Scheme#3A5F4E#54927E#7DB39E#B0CEC2#DCECE7
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Beau Monde?
In a complementary scheme: Gemini (#B4D6CB), Degas Pink (#B37E8C), Majestic Orchid (#8D576D), Fragrant Orchid (#DCBDC8).
What is the hex code of Beau Monde?
#7DB39E.