Vibrant Mint Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vibrant Mint (#00FFE5), each snapped to its nearest named color.
#00FFE5
#FF0099
#FF6600
#0AAFA4
#FF55AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vibrant Mint | #00FFE5 | 0, 255, 229 | 174°, 100%, 50% | 100, 0, 10, 0 | |
| Big Bang Pink | #FF0099 | 255, 0, 153 | 324°, 100%, 50% | 0, 100, 40, 0 | |
| Safety Orange | #FF6600 | 255, 102, 0 | 24°, 100%, 50% | 0, 60, 100, 0 | |
| Cozumel | #0AAFA4 | 10, 175, 164 | 176°, 89%, 36% | 94, 0, 6, 31 | |
| Pink Katydid | #FF55AA | 255, 85, 170 | 330°, 100%, 67% | 0, 67, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFE5 on #FF0099 | 2.88:1 | — |
| Aa #00FFE5 on #FF55AA | 2.30:1 | — |
| Aa #00FFE5 on #FF6600 | 2.30:1 | — |
| Aa #00FFE5 on #0AAFA4 | 2.14:1 | — |
| Aa #FF0099 on #0AAFA4 | 1.34:1 | — |
| Aa #FF0099 on #FF6600 | 1.25:1 | — |
CSS variables
:root {
--color-1: #00ffe5; /* Vibrant Mint */
--color-2: #ff0099; /* Big Bang Pink */
--color-3: #ff6600; /* Safety Orange */
--color-4: #0aafa4; /* Cozumel */
--color-5: #ff55aa; /* Pink Katydid */
}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 Tetradic Color Scheme#00FFE5#6600FF#FF0015#96FF00#65FFFF
- Vibrant Mint Monochromatic Color Scheme#00655A#0AAFA4#00FFE5#55FFEE#99FFEE
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Vibrant Mint?
In a split-complementary scheme: Big Bang Pink (#FF0099), Safety Orange (#FF6600), Cozumel (#0AAFA4), Pink Katydid (#FF55AA).
What is the hex code of Vibrant Mint?
#00FFE5.