Cosmic Green Complementary Color Scheme
Five colors arranged by the complementary rule around Cosmic Green (#30A877), each snapped to its nearest named color.
#30A877
#66CDAA
#AB3560
#721F37
#CD6D93
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cosmic Green | #30A877 | 48, 168, 119 | 156°, 56%, 42% | 71, 0, 29, 34 | |
| Aquarium Blue | #66CDAA | 102, 205, 170 | 160°, 51%, 60% | 50, 0, 17, 20 | |
| Rhine River Rose | #AB3560 | 171, 53, 96 | 338°, 53%, 44% | 0, 69, 44, 33 | |
| Rocking Chair | #721F37 | 114, 31, 55 | 343°, 57%, 28% | 0, 73, 52, 55 | |
| Hopbush | #CD6D93 | 205, 109, 147 | 336°, 49%, 62% | 0, 47, 28, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66CDAA on #721F37 | 5.53:1 | AA |
| Aa #30A877 on #721F37 | 3.56:1 | AA large |
| Aa #66CDAA on #AB3560 | 3.19:1 | AA large |
| Aa #721F37 on #CD6D93 | 3.15:1 | AA large |
| Aa #30A877 on #AB3560 | 2.05:1 | — |
| Aa #AB3560 on #CD6D93 | 1.82:1 | — |
CSS variables
:root {
--color-1: #30a877; /* Cosmic Green */
--color-2: #66cdaa; /* Aquarium Blue */
--color-3: #ab3560; /* Rhine River Rose */
--color-4: #721f37; /* Rocking Chair */
--color-5: #cd6d93; /* Hopbush */
}Other schemes from Cosmic Green
- Cosmic Green Analogous Color Scheme#6AAE2E#34B334#30A877#2A9CA0#2E62A7
- Cosmic Green Triadic Color Scheme#30A877#7733AA#AA7733#66CDAA#441166
- Cosmic Green Split-complementary Color Scheme#30A877#A83A9A#A83731#1C6A51#C255C1
- Cosmic Green Tetradic Color Scheme#30A877#3D34A5#AB3560#9AA22B#66CDAA
- Cosmic Green Monochromatic Color Scheme#103222#1C6A51#30A877#5CCD97#95E3C0
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 Cosmic Green?
In a complementary scheme: Aquarium Blue (#66CDAA), Rhine River Rose (#AB3560), Rocking Chair (#721F37), Hopbush (#CD6D93).
What is the hex code of Cosmic Green?
#30A877.