Cathode Green Tetradic Color Scheme
Five colors arranged by the tetradic rule around Cathode Green (#00FF55), each snapped to its nearest named color.
#00FF55
#0033FF
#FF00AA
#FFD400
#64E986
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cathode Green | #00FF55 | 0, 255, 85 | 140°, 100%, 50% | 100, 0, 67, 0 | |
| Blinking Blue | #0033FF | 0, 51, 255 | 228°, 100%, 50% | 100, 80, 0, 0 | |
| Ms. Pac-Man Kiss | #FF00AA | 255, 0, 170 | 320°, 100%, 50% | 0, 100, 33, 0 | |
| Cyber Yellow | #FFD400 | 255, 212, 0 | 50°, 100%, 50% | 0, 17, 100, 0 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FF55 on #0033FF | 5.29:1 | AA |
| Aa #0033FF on #FFD400 | 5.03:1 | AA |
| Aa #0033FF on #64E986 | 4.64:1 | AA |
| Aa #00FF55 on #FF00AA | 2.65:1 | — |
| Aa #FF00AA on #FFD400 | 2.52:1 | — |
| Aa #FF00AA on #64E986 | 2.32:1 | — |
CSS variables
:root {
--color-1: #00ff55; /* Cathode Green */
--color-2: #0033ff; /* Blinking Blue */
--color-3: #ff00aa; /* Ms. Pac-Man Kiss */
--color-4: #ffd400; /* Cyber Yellow */
--color-5: #64e986; /* Grotesque Green */
}Other schemes from Cathode Green
- Cathode Green Complementary Color Scheme#00FF55#58F898#FF00AA#B70272#FF66CC
- 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 Monochromatic Color Scheme#006622#00BB33#00FF55#58F898#9FFEB0
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Cathode Green?
In a tetradic scheme: Blinking Blue (#0033FF), Ms. Pac-Man Kiss (#FF00AA), Cyber Yellow (#FFD400), Grotesque Green (#64E986).
What is the hex code of Cathode Green?
#00FF55.