Vibrant Mint Tetradic Color Scheme
Five colors arranged by the tetradic rule around Vibrant Mint (#00FFE5), each snapped to its nearest named color.
#00FFE5
#6600FF
#FF0015
#96FF00
#65FFFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vibrant Mint | #00FFE5 | 0, 255, 229 | 174°, 100%, 50% | 100, 0, 10, 0 | |
| Electric Indigo | #6600FF | 102, 0, 255 | 264°, 100%, 50% | 60, 100, 0, 0 | |
| British Phone Booth | #FF0015 | 255, 0, 21 | 355°, 100%, 50% | 0, 100, 92, 0 | |
| Mango Green | #96FF00 | 150, 255, 0 | 85°, 100%, 50% | 41, 0, 100, 0 | |
| Moonglade Water | #65FFFF | 101, 255, 255 | 180°, 100%, 70% | 60, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6600FF on #65FFFF | 5.75:1 | AA |
| Aa #6600FF on #96FF00 | 5.52:1 | AA |
| Aa #00FFE5 on #6600FF | 5.46:1 | AA |
| Aa #FF0015 on #65FFFF | 3.29:1 | AA large |
| Aa #FF0015 on #96FF00 | 3.15:1 | AA large |
| Aa #00FFE5 on #FF0015 | 3.12:1 | AA large |
CSS variables
:root {
--color-1: #00ffe5; /* Vibrant Mint */
--color-2: #6600ff; /* Electric Indigo */
--color-3: #ff0015; /* British Phone Booth */
--color-4: #96ff00; /* Mango Green */
--color-5: #65ffff; /* Moonglade Water */
}Other schemes from Vibrant Mint
- Vibrant Mint Complementary Color Scheme#00FFE5#55FFEE#FF0015#BB0011#FF6677
- Vibrant Mint Analogous Color Scheme#1BFC06#00FF77#00FFE5#0099FF#021BF9
- Vibrant Mint Triadic Color Scheme#00FFE5#EE00FF#FFE500#65FFFF#AA00BB
- Vibrant Mint Split-complementary Color Scheme#00FFE5#FF0099#FF6600#0AAFA4#FF55AA
- Vibrant Mint Monochromatic Color Scheme#00655A#0AAFA4#00FFE5#55FFEE#99FFEE
More Medium Teal tetradic palettes
- Aggressive Aqua Tetradic Color Scheme#00FBFF#8800FF#FF0303#7FFF00#65FFFF
- Ambrosial Oceanside Tetradic Color Scheme#47AE9C#654EA3#AB485B#8CA94A#8BD3C6
- Aphrodite Aqua Tetradic Color Scheme#45E9C1#6140EF#EC4872#A7E142#A5FCDC
- Aqua Tetradic Color Scheme#0FF0FE#8811FF#FE1C06#7CFC00#7DF9FF
- Aquamarine Tetradic Color Scheme#2EE8BB#5F34E7#EE3355#B6E12A#8CFFDB
- Aquarius Tetradic Color Scheme#2DB0CE#9932CC#CE4A2D#58D332#7FCCE2
- Arctic Tetradic Color Scheme#648589#7B5D92#905D5D#769358#93BCBB
- Arctic Water Tetradic Color Scheme#00FCFC#7F01FE#FF0000#7CFC00#65FFFF
- Atlas Cedar Tetradic Color Scheme#5CA0A7#8D5EB7#A36159#76A55B#9FC5CC
- Blue Bikini Tetradic Color Scheme#00BBEE#AA00FF#EE3300#44EE00#55DDFF
- Blue Bobbin Tetradic Color Scheme#52B4CA#A259CE#CB6D51#79C753#A1D8E0
- Blue Martini Tetradic Color Scheme#52B4D3#BA55D3#CD6E53#69D84F#A1D9E7
Questions
What colors go with Vibrant Mint?
In a tetradic scheme: Electric Indigo (#6600FF), British Phone Booth (#FF0015), Mango Green (#96FF00), Moonglade Water (#65FFFF).
What is the hex code of Vibrant Mint?
#00FFE5.