Cosmic Green Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Cosmic Green (#30A877), each snapped to its nearest named color.
#103222
#1C6A51
#30A877
#5CCD97
#95E3C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opulent Green | #103222 | 16, 50, 34 | 152°, 52%, 13% | 68, 0, 32, 80 | |
| Tractor Green | #1C6A51 | 28, 106, 81 | 161°, 58%, 26% | 74, 0, 24, 58 | |
| Cosmic Green | #30A877 | 48, 168, 119 | 156°, 56%, 42% | 71, 0, 29, 34 | |
| Vegetation | #5CCD97 | 92, 205, 151 | 151°, 53%, 58% | 55, 0, 26, 20 | |
| Green Gum | #95E3C0 | 149, 227, 192 | 153°, 58%, 74% | 34, 0, 15, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #103222 on #95E3C0 | 9.34:1 | AAA |
| Aa #103222 on #5CCD97 | 7.08:1 | AAA |
| Aa #103222 on #30A877 | 4.66:1 | AA |
| Aa #1C6A51 on #95E3C0 | 4.34:1 | AA large |
| Aa #1C6A51 on #5CCD97 | 3.29:1 | AA large |
| Aa #1C6A51 on #30A877 | 2.17:1 | — |
CSS variables
:root {
--color-1: #103222; /* Opulent Green */
--color-2: #1c6a51; /* Tractor Green */
--color-3: #30a877; /* Cosmic Green */
--color-4: #5ccd97; /* Vegetation */
--color-5: #95e3c0; /* Green Gum */
}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 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
More Medium Green monochromatic palettes
- Acid Monochromatic Color Scheme#006611#00BB11#00FF22#4CFF7B#90FDA9
- Acid Green Monochromatic Color Scheme#376D03#66BB00#8FFE09#AAFF55#DDFFAA
- Alarming Slime Monochromatic Color Scheme#116611#15B01A#2CE335#73FA79#B8F8B8
- Alien Abduction Monochromatic Color Scheme#007700#00BB00#0CFF0C#55FF55#AAFFAA
- Alienated Monochromatic Color Scheme#003311#008833#00CC55#1EF876#76FDA8
- Aloe Vera Monochromatic Color Scheme#232F2C#4A5C52#678779#93A79E#BACBC4
- Aromatic Herbs Monochromatic Color Scheme#4B5D16#6D8E2C#98C945#B9D786#DDEDBD
- Around the Gills Monochromatic Color Scheme#4B5D31#78944A#A1B670#C1CFA9#E3EAD6
- Artichoke Monochromatic Color Scheme#3F4635#697056#8F9779#B2B9A5#D5DAD1
- Arugula Monochromatic Color Scheme#2A4F21#4C793C#75AD5B#A4C48E#C5E1C3
- Asparagus Monochromatic Color Scheme#37412A#547839#77AB56#A4C08A#C8DCBB
- Atomic Lime Monochromatic Color Scheme#556600#84B701#B9FF03#CDFA56#EEFF99
Questions
What colors go with Cosmic Green?
In a monochromatic scheme: Opulent Green (#103222), Tractor Green (#1C6A51), Vegetation (#5CCD97), Green Gum (#95E3C0).
What is the hex code of Cosmic Green?
#30A877.