Mintastic Complementary Color Scheme
Five colors arranged by the complementary rule around Mintastic (#AFFFD5), each snapped to its nearest named color.
#AFFFD5
#E6FDF1
#FFB3DE
#FF66BB
#FFE6F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mintastic | #AFFFD5 | 175, 255, 213 | 149°, 100%, 84% | 31, 0, 16, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | |
| Hot Aquarelle Pink | #FFB3DE | 255, 179, 222 | 326°, 100%, 85% | 0, 30, 13, 0 | |
| Kisses | #FF66BB | 255, 102, 187 | 327°, 100%, 70% | 0, 60, 27, 0 | |
| Cherubic | #FFE6F1 | 255, 230, 241 | 334°, 100%, 95% | 0, 10, 5, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6FDF1 on #FF66BB | 2.50:1 | — |
| Aa #AFFFD5 on #FF66BB | 2.30:1 | — |
| Aa #FF66BB on #FFE6F1 | 2.27:1 | — |
| Aa #FFB3DE on #FF66BB | 1.62:1 | — |
| Aa #E6FDF1 on #FFB3DE | 1.54:1 | — |
| Aa #AFFFD5 on #FFB3DE | 1.42:1 | — |
CSS variables
:root {
--color-1: #afffd5; /* Mintastic */
--color-2: #e6fdf1; /* Mint Chiffon */
--color-3: #ffb3de; /* Hot Aquarelle Pink */
--color-4: #ff66bb; /* Kisses */
--color-5: #ffe6f1; /* Cherubic */
}Other schemes from Mintastic
- 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 Tetradic Color Scheme#AFFFD5#B5AFFF#FFB3DE#FEFCAF#E6FDF1
- Mintastic Monochromatic Color Scheme#04F489#6BFFB3#AFFFD5#E6FDF1#E6FDF1
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Mintastic?
In a complementary scheme: Mint Chiffon (#E6FDF1), Hot Aquarelle Pink (#FFB3DE), Kisses (#FF66BB), Cherubic (#FFE6F1).
What is the hex code of Mintastic?
#AFFFD5.