Cosmic Green Triadic Color Scheme
Five colors arranged by the triadic rule around Cosmic Green (#30A877), each snapped to its nearest named color.
#30A877
#7733AA
#AA7733
#66CDAA
#441166
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cosmic Green | #30A877 | 48, 168, 119 | 156°, 56%, 42% | 71, 0, 29, 34 | |
| Purple Pristine | #7733AA | 119, 51, 170 | 274°, 54%, 43% | 30, 70, 0, 33 | |
| Buff Leather | #AA7733 | 170, 119, 51 | 34°, 54%, 43% | 0, 30, 70, 33 | |
| Aquarium Blue | #66CDAA | 102, 205, 170 | 160°, 51%, 60% | 50, 0, 17, 20 | |
| Obsidian Shell | #441166 | 68, 17, 102 | 276°, 71%, 23% | 33, 83, 0, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66CDAA on #441166 | 7.17:1 | AAA |
| Aa #30A877 on #441166 | 4.61:1 | AA |
| Aa #7733AA on #66CDAA | 3.83:1 | AA large |
| Aa #AA7733 on #441166 | 3.55:1 | AA large |
| Aa #30A877 on #7733AA | 2.46:1 | — |
| Aa #AA7733 on #66CDAA | 2.02:1 | — |
CSS variables
:root {
--color-1: #30a877; /* Cosmic Green */
--color-2: #7733aa; /* Purple Pristine */
--color-3: #aa7733; /* Buff Leather */
--color-4: #66cdaa; /* Aquarium Blue */
--color-5: #441166; /* Obsidian Shell */
}Other schemes from Cosmic Green
- Cosmic Green Complementary Color Scheme#30A877#66CDAA#AB3560#721F37#CD6D93
- Cosmic Green Analogous Color Scheme#6AAE2E#34B334#30A877#2A9CA0#2E62A7
- 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 triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Cosmic Green?
In a triadic scheme: Purple Pristine (#7733AA), Buff Leather (#AA7733), Aquarium Blue (#66CDAA), Obsidian Shell (#441166).
What is the hex code of Cosmic Green?
#30A877.