Cosmic Heart Tetradic Color Scheme
Five colors arranged by the tetradic rule around Cosmic Heart (#9601F4), each snapped to its nearest named color.
#9601F4
#FE1C06
#55EE00
#02D8E9
#C95EFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cosmic Heart | #9601F4 | 150, 1, 244 | 277°, 99%, 48% | 39, 100, 0, 4 | |
| Thai Hot | #FE1C06 | 254, 28, 6 | 5°, 99%, 51% | 0, 89, 98, 0 | |
| Furious Frog | #55EE00 | 85, 238, 0 | 99°, 100%, 47% | 64, 0, 100, 7 | |
| Thousand Sons Blue | #02D8E9 | 2, 216, 233 | 184°, 98%, 46% | 99, 7, 0, 9 | |
| After-Party Pink | #C95EFB | 201, 94, 251 | 281°, 95%, 68% | 20, 63, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9601F4 on #55EE00 | 3.77:1 | AA large |
| Aa #9601F4 on #02D8E9 | 3.33:1 | AA large |
| Aa #FE1C06 on #55EE00 | 2.53:1 | — |
| Aa #FE1C06 on #02D8E9 | 2.23:1 | — |
| Aa #55EE00 on #C95EFB | 2.10:1 | — |
| Aa #02D8E9 on #C95EFB | 1.85:1 | — |
CSS variables
:root {
--color-1: #9601f4; /* Cosmic Heart */
--color-2: #fe1c06; /* Thai Hot */
--color-3: #55ee00; /* Furious Frog */
--color-4: #02d8e9; /* Thousand Sons Blue */
--color-5: #c95efb; /* After-Party Pink */
}Other schemes from Cosmic Heart
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- 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 Monochromatic Color Scheme#340059#6611AA#9601F4#AB46EC#CC88FF
More Medium Purple tetradic palettes
- Berry Jam Tetradic Color Scheme#655883#8E545C#728A51#56887D#9787BB
- Busty Blue Tetradic Color Scheme#3300CC#CC0033#99CC00#00CC99#6A2DED
- Crown Jewels Tetradic Color Scheme#946DAD#AD7171#86A96F#6BA5A9#C5AECF
- Dreamscape Purple Tetradic Color Scheme#9632CE#D24833#6ECB3C#32BCD1#CB82E3
- Electric Indigo Tetradic Color Scheme#6600FF#FF0015#96FF00#00FFE5#AA66FF
- Flirtatious Flamingo Tetradic Color Scheme#CC22FF#F65D20#55FF22#37C4FA#EE88FF
- Fuchsia Pheromone Tetradic Color Scheme#9F4CB7#B56A4C#6AB54B#5296B7#C49BD4
- Grapes of Italy Tetradic Color Scheme#714A8B#8B504B#63884A#45868B#A885B5
- Hokkaido Lavender Tetradic Color Scheme#7736D9#DD3845#99DD33#30D5C8#B195E4
- Lavish Spending Tetradic Color Scheme#8469BC#BD6973#ACBF69#67BCB3#B6ADD8
- Lilac Spring Tetradic Color Scheme#8822CC#CC3322#66CC22#32BCD1#B36FF6
- Lords of the Night Tetradic Color Scheme#664488#884444#688C43#45868B#967BB6
Questions
What colors go with Cosmic Heart?
In a tetradic scheme: Thai Hot (#FE1C06), Furious Frog (#55EE00), Thousand Sons Blue (#02D8E9), After-Party Pink (#C95EFB).
What is the hex code of Cosmic Heart?
#9601F4.