Volt Analogous Color Scheme
Five colors arranged by the analogous rule around Volt (#CEFF00), each snapped to its nearest named color.
#FF3300
#FFB200
#CEFF00
#4AFF00
#00FF33
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Boiling Magma | #FF3300 | 255, 51, 0 | 12°, 100%, 50% | 0, 80, 100, 0 | |
| Imperial Yellow | #FFB200 | 255, 178, 0 | 42°, 100%, 50% | 0, 30, 100, 0 | |
| Volt | #CEFF00 | 206, 255, 0 | 72°, 100%, 50% | 19, 0, 100, 0 | |
| Chlorophyll Green | #4AFF00 | 74, 255, 0 | 103°, 100%, 50% | 71, 0, 100, 0 | |
| Lucent Lime | #00FF33 | 0, 255, 51 | 132°, 100%, 50% | 100, 0, 80, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF3300 on #CEFF00 | 3.13:1 | AA large |
| Aa #FF3300 on #4AFF00 | 2.72:1 | — |
| Aa #FF3300 on #00FF33 | 2.68:1 | — |
| Aa #FF3300 on #FFB200 | 2.03:1 | — |
| Aa #FFB200 on #CEFF00 | 1.54:1 | — |
| Aa #FFB200 on #4AFF00 | 1.34:1 | — |
CSS variables
:root {
--color-1: #ff3300; /* Boiling Magma */
--color-2: #ffb200; /* Imperial Yellow */
--color-3: #ceff00; /* Volt */
--color-4: #4aff00; /* Chlorophyll Green */
--color-5: #00ff33; /* Lucent Lime */
}Other schemes from Volt
- Volt Complementary Color Scheme#CEFF00#E1FE52#3F00FF#2000B1#8866FF
- 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 analogous palettes
- Acid Analogous Color Scheme#DDFF00#55FF00#00FF22#05FFA6#04D9FF
- Acid Green Analogous Color Scheme#FE7A04#FFF005#8FFE09#1BFC06#00FF77
- Alarming Slime Analogous Color Scheme#D0E429#68E52F#2CE335#2AF589#22DDEE
- Alien Abduction Analogous Color Scheme#FEFF0F#88FF11#0CFF0C#04F489#11FFFF
- Alienated Analogous Color Scheme#77CC00#11CC00#00CC55#00CCBB#0076CC
- Aloe Vera Analogous Color Scheme#769358#5C9F59#678779#5B9099#577396
- Aromatic Herbs Analogous Color Scheme#CC7744#C4B146#98C945#58D854#41C379
- Around the Gills Analogous Color Scheme#B8866E#B7A86D#A1B670#7CB26E#73B683
- Artichoke Analogous Color Scheme#AA7B65#A89768#8F9779#72A86A#6FA77A
- Arugula Analogous Color Scheme#AD935B#9FAC5C#75AD5B#54AC68#58AC8F
- Asparagus Analogous Color Scheme#AC8A56#AAAA55#77AB56#56AE57#58AC8F
- Atomic Lime Analogous Color Scheme#FE4B03#FFC801#B9FF03#3FFF00#00FF40
Questions
What colors go with Volt?
In a analogous scheme: Boiling Magma (#FF3300), Imperial Yellow (#FFB200), Chlorophyll Green (#4AFF00), Lucent Lime (#00FF33).
What is the hex code of Volt?
#CEFF00.