Mintastic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mintastic (#AFFFD5), each snapped to its nearest named color.
#AFFFD5
#FFAAFF
#FFB1B0
#6BFFB3
#FFEBFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mintastic | #AFFFD5 | 175, 255, 213 | 149°, 100%, 84% | 31, 0, 16, 0 | |
| Jigglypuff | #FFAAFF | 255, 170, 255 | 300°, 100%, 83% | 0, 33, 0, 0 | |
| Fancy Flamingo | #FFB1B0 | 255, 177, 176 | 1°, 100%, 85% | 0, 31, 31, 0 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 | |
| Fairy Bubblegum Cloud | #FFEBFE | 255, 235, 254 | 303°, 100%, 96% | 0, 8, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFB1B0 on #FFEBFE | 1.53:1 | — |
| Aa #FFAAFF on #FFEBFE | 1.49:1 | — |
| Aa #AFFFD5 on #FFB1B0 | 1.49:1 | — |
| Aa #AFFFD5 on #FFAAFF | 1.45:1 | — |
| Aa #FFB1B0 on #6BFFB3 | 1.36:1 | — |
| Aa #FFAAFF on #6BFFB3 | 1.33:1 | — |
CSS variables
:root {
--color-1: #afffd5; /* Mintastic */
--color-2: #ffaaff; /* Jigglypuff */
--color-3: #ffb1b0; /* Fancy Flamingo */
--color-4: #6bffb3; /* Venice Green */
--color-5: #ffebfe; /* Fairy Bubblegum Cloud */
}Other schemes from Mintastic
- Mintastic Complementary Color Scheme#AFFFD5#E6FDF1#FFB3DE#FF66BB#FFE6F1
- Mintastic Analogous Color Scheme#DDFFAA#AAFFAA#AFFFD5#ACFFFC#AADDFF
- Mintastic Triadic Color Scheme#AFFFD5#D6B4FC#FFD7B0#E6FDF1#AA66FF
- Mintastic Tetradic Color Scheme#AFFFD5#B5AFFF#FFB3DE#FEFCAF#E6FDF1
- Mintastic Monochromatic Color Scheme#04F489#6BFFB3#AFFFD5#E6FDF1#E6FDF1
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Mintastic?
In a split-complementary scheme: Jigglypuff (#FFAAFF), Fancy Flamingo (#FFB1B0), Venice Green (#6BFFB3), Fairy Bubblegum Cloud (#FFEBFE).
What is the hex code of Mintastic?
#AFFFD5.