Space Opera Complementary Color Scheme
Five colors arranged by the complementary rule around Space Opera (#5511DD), each snapped to its nearest named color.
#5511DD
#955AF2
#8CD612
#669900
#C2F177
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Space Opera | #5511DD | 85, 17, 221 | 260°, 86%, 47% | 62, 92, 0, 13 | |
| Forgotten Kyawthuite | #955AF2 | 149, 90, 242 | 263°, 85%, 65% | 38, 63, 0, 5 | |
| Frogger | #8CD612 | 140, 214, 18 | 83°, 84%, 45% | 35, 0, 92, 16 | |
| Gecko’s Dream | #669900 | 102, 153, 0 | 80°, 100%, 30% | 33, 0, 100, 40 | |
| Cucumber Milk | #C2F177 | 194, 241, 119 | 83°, 81%, 71% | 20, 0, 51, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5511DD on #C2F177 | 6.43:1 | AA |
| Aa #5511DD on #8CD612 | 4.68:1 | AA |
| Aa #955AF2 on #C2F177 | 3.21:1 | AA large |
| Aa #669900 on #C2F177 | 2.64:1 | — |
| Aa #5511DD on #669900 | 2.44:1 | — |
| Aa #955AF2 on #8CD612 | 2.34:1 | — |
CSS variables
:root {
--color-1: #5511dd; /* Space Opera */
--color-2: #955af2; /* Forgotten Kyawthuite */
--color-3: #8cd612; /* Frogger */
--color-4: #669900; /* Gecko’s Dream */
--color-5: #c2f177; /* Cucumber Milk */
}Other schemes from Space Opera
- Space Opera Analogous Color Scheme#0E9BD1#0033DD#5511DD#BB00DD#DD1188
- Space Opera Triadic Color Scheme#5511DD#DD5511#11DD55#8866FF#933709
- Space Opera Split-complementary Color Scheme#5511DD#DDBB11#22DD00#330099#F1D548
- Space Opera Tetradic Color Scheme#5511DD#DD1133#8CD612#04D8B2#8866FF
- Space Opera Monochromatic Color Scheme#1F0954#330099#5511DD#904FEF#BB88FF
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
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- 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
Questions
What colors go with Space Opera?
In a complementary scheme: Forgotten Kyawthuite (#955AF2), Frogger (#8CD612), Gecko’s Dream (#669900), Cucumber Milk (#C2F177).
What is the hex code of Space Opera?
#5511DD.