Vibrant Mint Triadic Color Scheme
Five colors arranged by the triadic rule around Vibrant Mint (#00FFE5), each snapped to its nearest named color.
#00FFE5
#EE00FF
#FFE500
#65FFFF
#AA00BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vibrant Mint | #00FFE5 | 0, 255, 229 | 174°, 100%, 50% | 100, 0, 10, 0 | |
| Brusque Pink | #EE00FF | 238, 0, 255 | 296°, 100%, 50% | 7, 100, 0, 0 | |
| Star | #FFE500 | 255, 229, 0 | 54°, 100%, 50% | 0, 10, 100, 0 | |
| Moonglade Water | #65FFFF | 101, 255, 255 | 180°, 100%, 70% | 60, 0, 0, 0 | |
| Heliotrope Magenta | #AA00BB | 170, 0, 187 | 295°, 100%, 37% | 9, 100, 0, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #65FFFF on #AA00BB | 5.05:1 | AA |
| Aa #FFE500 on #AA00BB | 4.80:1 | AA |
| Aa #00FFE5 on #AA00BB | 4.80:1 | AA |
| Aa #EE00FF on #65FFFF | 2.85:1 | — |
| Aa #EE00FF on #FFE500 | 2.71:1 | — |
| Aa #00FFE5 on #EE00FF | 2.70:1 | — |
CSS variables
:root {
--color-1: #00ffe5; /* Vibrant Mint */
--color-2: #ee00ff; /* Brusque Pink */
--color-3: #ffe500; /* Star */
--color-4: #65ffff; /* Moonglade Water */
--color-5: #aa00bb; /* Heliotrope Magenta */
}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 Split-complementary Color Scheme#00FFE5#FF0099#FF6600#0AAFA4#FF55AA
- Vibrant Mint Tetradic Color Scheme#00FFE5#6600FF#FF0015#96FF00#65FFFF
- Vibrant Mint Monochromatic Color Scheme#00655A#0AAFA4#00FFE5#55FFEE#99FFEE
More Medium Teal triadic palettes
- Aggressive Aqua Triadic Color Scheme#00FBFF#FF00FF#FBFF00#65FFFF#B300B3
- Ambrosial Oceanside Triadic Color Scheme#47AE9C#9448B0#AD9E4B#8BD3C6#6B327B
- Aphrodite Aqua Triadic Color Scheme#45E9C1#CC55EE#E8C247#A5FCDC#9B1DCD
- Aqua Triadic Color Scheme#0FF0FE#FF0FF3#EEFF11#7DF9FF#CC11BB
- Aquamarine Triadic Color Scheme#2EE8BB#BF36E0#ECBD2C#8CFFDB#8F1CAE
- Aquarius Triadic Color Scheme#2DB0CE#D92FB4#ACCB35#7FCCE2#871F78
- Arctic Triadic Color Scheme#648589#94568C#8E9655#93BCBB#643E65
- Arctic Water Triadic Color Scheme#00FCFC#FF00FF#FFFC00#65FFFF#B300B3
- Atlas Cedar Triadic Color Scheme#5CA0A7#AA55AA#AAAA55#9FC5CC#7A4171
- Blue Bikini Triadic Color Scheme#00BBEE#FF00BB#BBEE00#55DDFF#AA0077
- Blue Bobbin Triadic Color Scheme#52B4CA#C94CBE#BBCC55#A1D8E0#952E8F
- Blue Martini Triadic Color Scheme#52B4D3#DE55A9#B3D157#A1D9E7#B53389
Questions
What colors go with Vibrant Mint?
In a triadic scheme: Brusque Pink (#EE00FF), Star (#FFE500), Moonglade Water (#65FFFF), Heliotrope Magenta (#AA00BB).
What is the hex code of Vibrant Mint?
#00FFE5.