Emerald City Complementary Color Scheme
Five colors arranged by the complementary rule around Emerald City (#6A7E5F), each snapped to its nearest named color.
#6A7E5F
#95B388
#75528B
#4F3357
#AA8CBC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Emerald City | #6A7E5F | 106, 126, 95 | 99°, 14%, 43% | 16, 0, 25, 51 | |
| Foliage | #95B388 | 149, 179, 136 | 102°, 22%, 62% | 17, 0, 24, 30 | |
| Ninja Princess | #75528B | 117, 82, 139 | 277°, 26%, 43% | 16, 41, 0, 45 | |
| Blackberry Cordial | #4F3357 | 79, 51, 87 | 287°, 26%, 27% | 9, 41, 0, 66 | |
| East Side | #AA8CBC | 170, 140, 188 | 278°, 26%, 64% | 10, 26, 0, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #95B388 on #4F3357 | 4.67:1 | AA |
| Aa #4F3357 on #AA8CBC | 3.70:1 | AA large |
| Aa #95B388 on #75528B | 2.72:1 | — |
| Aa #6A7E5F on #4F3357 | 2.45:1 | — |
| Aa #75528B on #AA8CBC | 2.15:1 | — |
| Aa #6A7E5F on #95B388 | 1.91:1 | — |
CSS variables
:root {
--color-1: #6a7e5f; /* Emerald City */
--color-2: #95b388; /* Foliage */
--color-3: #75528b; /* Ninja Princess */
--color-4: #4f3357; /* Blackberry Cordial */
--color-5: #aa8cbc; /* East Side */
}Other schemes from Emerald City
- Emerald City Analogous Color Scheme#8B7753#868B53#6A7E5F#578758#588A79
- Emerald City Triadic Color Scheme#6A7E5F#556B87#8E5565#99BB88#374357
- Emerald City Split-complementary Color Scheme#6A7E5F#5E548D#905284#415B36#8278AD
- Emerald City Tetradic Color Scheme#6A7E5F#50818B#75528B#885D53#99BB88
- Emerald City Monochromatic Color Scheme#21211D#47533F#6A7E5F#90A58A#BBC5B2
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 Emerald City?
In a complementary scheme: Foliage (#95B388), Ninja Princess (#75528B), Blackberry Cordial (#4F3357), East Side (#AA8CBC).
What is the hex code of Emerald City?
#6A7E5F.