Cosmic Heart Complementary Color Scheme
Five colors arranged by the complementary rule around Cosmic Heart (#9601F4), each snapped to its nearest named color.
#9601F4
#AA55FF
#55EE00
#44AA00
#9CEF43
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cosmic Heart | #9601F4 | 150, 1, 244 | 277°, 99%, 48% | 39, 100, 0, 4 | |
| Vega Violet | #AA55FF | 170, 85, 255 | 270°, 100%, 67% | 33, 67, 0, 0 | |
| Furious Frog | #55EE00 | 85, 238, 0 | 99°, 100%, 47% | 64, 0, 100, 7 | |
| Early Dew | #44AA00 | 68, 170, 0 | 96°, 100%, 33% | 60, 0, 100, 33 | |
| Kiwi Pulp | #9CEF43 | 156, 239, 67 | 89°, 84%, 60% | 35, 0, 72, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9601F4 on #9CEF43 | 4.11:1 | AA large |
| Aa #9601F4 on #55EE00 | 3.77:1 | AA large |
| Aa #AA55FF on #9CEF43 | 2.72:1 | — |
| Aa #AA55FF on #55EE00 | 2.50:1 | — |
| Aa #44AA00 on #9CEF43 | 2.12:1 | — |
| Aa #55EE00 on #44AA00 | 1.95:1 | — |
CSS variables
:root {
--color-1: #9601f4; /* Cosmic Heart */
--color-2: #aa55ff; /* Vega Violet */
--color-3: #55ee00; /* Furious Frog */
--color-4: #44aa00; /* Early Dew */
--color-5: #9cef43; /* Kiwi Pulp */
}Other schemes from Cosmic Heart
- Cosmic Heart Analogous Color Scheme#0058F8#1600FC#9601F4#EE00DD#FA005C
- Cosmic Heart Triadic Color Scheme#9601F4#F39800#00FA92#C95EFB#AA6600
- Cosmic Heart Split-complementary Color Scheme#9601F4#CCEE00#0AFA1E#6611AA#FAFE4B
- Cosmic Heart Tetradic Color Scheme#9601F4#FE1C06#55EE00#02D8E9#C95EFB
- Cosmic Heart Monochromatic Color Scheme#340059#6611AA#9601F4#AB46EC#CC88FF
More Medium Purple complementary palettes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
- Lords of the Night Complementary Color Scheme#664488#966EBD#688C43#47562F#9AB973
Questions
What colors go with Cosmic Heart?
In a complementary scheme: Vega Violet (#AA55FF), Furious Frog (#55EE00), Early Dew (#44AA00), Kiwi Pulp (#9CEF43).
What is the hex code of Cosmic Heart?
#9601F4.