Volt Complementary Color Scheme
Five colors arranged by the complementary rule around Volt (#CEFF00), each snapped to its nearest named color.
#CEFF00
#E1FE52
#3F00FF
#2000B1
#8866FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Volt | #CEFF00 | 206, 255, 0 | 72°, 100%, 50% | 19, 0, 100, 0 | |
| Green Ooze | #E1FE52 | 225, 254, 82 | 70°, 99%, 66% | 11, 0, 68, 0 | |
| Electric Ultramarine | #3F00FF | 63, 0, 255 | 255°, 100%, 50% | 75, 100, 0, 0 | |
| Deep Sea Exploration | #2000B1 | 32, 0, 177 | 251°, 100%, 35% | 82, 100, 0, 31 | |
| Purple Anemone | #8866FF | 136, 102, 255 | 253°, 100%, 70% | 47, 60, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E1FE52 on #2000B1 | 10.91:1 | AAA |
| Aa #CEFF00 on #2000B1 | 10.57:1 | AAA |
| Aa #E1FE52 on #3F00FF | 6.97:1 | AA |
| Aa #CEFF00 on #3F00FF | 6.75:1 | AA |
| Aa #E1FE52 on #8866FF | 3.43:1 | AA large |
| Aa #CEFF00 on #8866FF | 3.33:1 | AA large |
CSS variables
:root {
--color-1: #ceff00; /* Volt */
--color-2: #e1fe52; /* Green Ooze */
--color-3: #3f00ff; /* Electric Ultramarine */
--color-4: #2000b1; /* Deep Sea Exploration */
--color-5: #8866ff; /* Purple Anemone */
}Other schemes from Volt
- Volt Analogous Color Scheme#FF3300#FFB200#CEFF00#4AFF00#00FF33
- Volt Triadic Color Scheme#CEFF00#00CCFF#FF01CD#F1FF62#0091B3
- Volt Split-complementary Color Scheme#CEFF00#0050FF#B300FF#92B300#4F81FF
- Volt Tetradic Color Scheme#CEFF00#00FBB0#3F00FF#FF004D#F1FF62
- Volt Monochromatic Color Scheme#556600#92B300#CEFF00#DFFF4F#EEFF99
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 Volt?
In a complementary scheme: Green Ooze (#E1FE52), Electric Ultramarine (#3F00FF), Deep Sea Exploration (#2000B1), Purple Anemone (#8866FF).
What is the hex code of Volt?
#CEFF00.