Out of Left Field Complementary Color Scheme
Five colors arranged by the complementary rule around Out of Left Field (#2CED2B), each snapped to its nearest named color.
#2CED2B
#90EE90
#ED24ED
#BB11AA
#EE88EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Out of Left Field | #2CED2B | 44, 237, 43 | 120°, 84%, 55% | 81, 0, 82, 7 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | |
| Magenta Fizz | #ED24ED | 237, 36, 237 | 300°, 85%, 54% | 0, 85, 0, 7 | |
| Punk Rock Purple | #BB11AA | 187, 17, 170 | 306°, 83%, 40% | 0, 91, 9, 27 | |
| Frail Fuchsia | #EE88EE | 238, 136, 238 | 300°, 75%, 73% | 0, 43, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #90EE90 on #BB11AA | 3.93:1 | AA large |
| Aa #2CED2B on #BB11AA | 3.51:1 | AA large |
| Aa #BB11AA on #EE88EE | 2.49:1 | — |
| Aa #90EE90 on #ED24ED | 2.44:1 | — |
| Aa #2CED2B on #ED24ED | 2.18:1 | — |
| Aa #ED24ED on #BB11AA | 1.61:1 | — |
CSS variables
:root {
--color-1: #2ced2b; /* Out of Left Field */
--color-2: #90ee90; /* Ulva Lactuca Green */
--color-3: #ed24ed; /* Magenta Fizz */
--color-4: #bb11aa; /* Punk Rock Purple */
--color-5: #ee88ee; /* Frail Fuchsia */
}Other schemes from Out of Left Field
- Out of Left Field Analogous Color Scheme#EEE92D#88EE22#2CED2B#2AF589#22EEFF
- Out of Left Field Triadic Color Scheme#2CED2B#273BE2#ED292B#90EE90#0011BB
- Out of Left Field Split-complementary Color Scheme#2CED2B#8A2BE2#E82A8E#11BB11#B36FF6
- Out of Left Field Tetradic Color Scheme#2CED2B#318CE7#ED24ED#EB882C#90EE90
- Out of Left Field Monochromatic Color Scheme#007711#11BB11#2CED2B#73FA79#B8F8B8
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Out of Left Field?
In a complementary scheme: Ulva Lactuca Green (#90EE90), Magenta Fizz (#ED24ED), Punk Rock Purple (#BB11AA), Frail Fuchsia (#EE88EE).
What is the hex code of Out of Left Field?
#2CED2B.