Cathode Green Complementary Color Scheme
Five colors arranged by the complementary rule around Cathode Green (#00FF55), each snapped to its nearest named color.
#00FF55
#58F898
#FF00AA
#B70272
#FF66CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cathode Green | #00FF55 | 0, 255, 85 | 140°, 100%, 50% | 100, 0, 67, 0 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 | |
| Ms. Pac-Man Kiss | #FF00AA | 255, 0, 170 | 320°, 100%, 50% | 0, 100, 33, 0 | |
| Botticelli | #B70272 | 183, 2, 114 | 323°, 98%, 36% | 0, 99, 38, 28 | |
| Rose Pink | #FF66CC | 255, 102, 204 | 320°, 100%, 70% | 0, 60, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FF55 on #B70272 | 4.73:1 | AA |
| Aa #58F898 on #B70272 | 4.68:1 | AA |
| Aa #00FF55 on #FF00AA | 2.65:1 | — |
| Aa #58F898 on #FF00AA | 2.62:1 | — |
| Aa #B70272 on #FF66CC | 2.46:1 | — |
| Aa #00FF55 on #FF66CC | 1.92:1 | — |
CSS variables
:root {
--color-1: #00ff55; /* Cathode Green */
--color-2: #58f898; /* Thallium Flame */
--color-3: #ff00aa; /* Ms. Pac-Man Kiss */
--color-4: #b70272; /* Botticelli */
--color-5: #ff66cc; /* Rose Pink */
}Other schemes from Cathode Green
- Cathode Green Analogous Color Scheme#AAFF00#33FF00#00FF55#00FFCC#00AAFF
- Cathode Green Triadic Color Scheme#00FF55#5500FF#FF5500#64E986#3300AA
- Cathode Green Split-complementary Color Scheme#00FF55#CD00FE#FF0028#00BB33#EE55FF
- Cathode Green Tetradic Color Scheme#00FF55#0033FF#FF00AA#FFD400#64E986
- Cathode Green Monochromatic Color Scheme#006622#00BB33#00FF55#58F898#9FFEB0
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 Cathode Green?
In a complementary scheme: Thallium Flame (#58F898), Ms. Pac-Man Kiss (#FF00AA), Botticelli (#B70272), Rose Pink (#FF66CC).
What is the hex code of Cathode Green?
#00FF55.