Mintastic Tetradic Color Scheme
Five colors arranged by the tetradic rule around Mintastic (#AFFFD5), each snapped to its nearest named color.
#AFFFD5
#B5AFFF
#FFB3DE
#FEFCAF
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mintastic | #AFFFD5 | 175, 255, 213 | 149°, 100%, 84% | 31, 0, 16, 0 | |
| Winterspring Lilac | #B5AFFF | 181, 175, 255 | 245°, 100%, 84% | 29, 31, 0, 0 | |
| Hot Aquarelle Pink | #FFB3DE | 255, 179, 222 | 326°, 100%, 85% | 0, 30, 13, 0 | |
| Parchment | #FEFCAF | 254, 252, 175 | 58°, 98%, 84% | 0, 1, 31, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B5AFFF on #FEFCAF | 1.87:1 | — |
| Aa #B5AFFF on #E6FDF1 | 1.87:1 | — |
| Aa #AFFFD5 on #B5AFFF | 1.72:1 | — |
| Aa #FFB3DE on #FEFCAF | 1.55:1 | — |
| Aa #FFB3DE on #E6FDF1 | 1.54:1 | — |
| Aa #AFFFD5 on #FFB3DE | 1.42:1 | — |
CSS variables
:root {
--color-1: #afffd5; /* Mintastic */
--color-2: #b5afff; /* Winterspring Lilac */
--color-3: #ffb3de; /* Hot Aquarelle Pink */
--color-4: #fefcaf; /* Parchment */
--color-5: #e6fdf1; /* Mint Chiffon */
}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 Split-complementary Color Scheme#AFFFD5#FFAAFF#FFB1B0#6BFFB3#FFEBFE
- Mintastic Monochromatic Color Scheme#04F489#6BFFB3#AFFFD5#E6FDF1#E6FDF1
More Very Light Green tetradic palettes
- Airy Fields Tetradic Color Scheme#DBE0C4#C7E0D9#CAC1E2#E2C3CF#F4F7EE
- Ambrosia Tetradic Color Scheme#C6E1BC#BCD8E2#DCBFE1#E1C3BB#F1F8EC
- Amnesiac White Tetradic Color Scheme#F8FBEB#EBFCF5#EEE9F9#F8EAED#F8FBEB
- Arabica Mint Tetradic Color Scheme#C0FFEE#D0C7FF#FFC1D0#EEF9C1#E7FAFA
- Bath Bubbles Tetradic Color Scheme#E6F2EA#E5E8F2#F1E8EC#F2F0E6#EFF5F1
- Bethlehem Superstar Tetradic Color Scheme#EAEEDA#D8EEE7#DDDCEF#EFD9E1#F4F7EE
- Blissful Serenity Tetradic Color Scheme#EAEED8#D8EEE7#DBD7F2#EEDADD#F6F7ED
- Breath of Celery Tetradic Color Scheme#DCE7CB#C9E7E3#D9CDE5#E7CCCD#F4F7EE
- Candied Snow Tetradic Color Scheme#D8FFF3#EEDDFF#FDD7E4#F9FDD9#EBFCF5
- Caribbean Tetradic Color Scheme#CAF0E5#CEC8EF#EDC9D5#E6EFCC#E9F9F5
- Clair de Lune Tetradic Color Scheme#DBE9DF#DADEE9#E9DBE4#E9E6DC#EFF5F1
- Creamy Garlic Tetradic Color Scheme#ECEFE3#E4EEEB#E5E3EF#F0E2E4#F4F7EE
Questions
What colors go with Mintastic?
In a tetradic scheme: Winterspring Lilac (#B5AFFF), Hot Aquarelle Pink (#FFB3DE), Parchment (#FEFCAF), Mint Chiffon (#E6FDF1).
What is the hex code of Mintastic?
#AFFFD5.