Neo Mint Complementary Color Scheme
Five colors arranged by the complementary rule around Neo Mint (#AAFFCC), each snapped to its nearest named color.
#AAFFCC
#E6FDF1
#FFAADD
#FF55AA
#FFE3F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neo Mint | #AAFFCC | 170, 255, 204 | 144°, 100%, 83% | 33, 0, 20, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | |
| Fresh Gum | #FFAADD | 255, 170, 221 | 324°, 100%, 83% | 0, 33, 13, 0 | |
| Pink Katydid | #FF55AA | 255, 85, 170 | 330°, 100%, 67% | 0, 67, 33, 0 | |
| Bunny Tail | #FFE3F4 | 255, 227, 244 | 324°, 100%, 95% | 0, 11, 4, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6FDF1 on #FF55AA | 2.76:1 | — |
| Aa #AAFFCC on #FF55AA | 2.51:1 | — |
| Aa #FF55AA on #FFE3F4 | 2.46:1 | — |
| Aa #FFAADD on #FF55AA | 1.69:1 | — |
| Aa #E6FDF1 on #FFAADD | 1.63:1 | — |
| Aa #AAFFCC on #FFAADD | 1.48:1 | — |
CSS variables
:root {
--color-1: #aaffcc; /* Neo Mint */
--color-2: #e6fdf1; /* Mint Chiffon */
--color-3: #ffaadd; /* Fresh Gum */
--color-4: #ff55aa; /* Pink Katydid */
--color-5: #ffe3f4; /* Bunny Tail */
}Other schemes from Neo Mint
- Neo Mint Analogous Color Scheme#DDFFAA#B2FBA5#AAFFCC#ACFFFC#AADDFF
- Neo Mint Triadic Color Scheme#AAFFCC#CCAAFF#FFCCAA#E6FDF1#9955FF
- Neo Mint Split-complementary Color Scheme#AAFFCC#F1A7FE#FFAABB#58F898#FFEBFE
- Neo Mint Tetradic Color Scheme#AAFFCC#B5AFFF#FFAADD#FFF7AD#E6FDF1
- Neo Mint Monochromatic Color Scheme#1EF876#58F898#AAFFCC#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 Neo Mint?
In a complementary scheme: Mint Chiffon (#E6FDF1), Fresh Gum (#FFAADD), Pink Katydid (#FF55AA), Bunny Tail (#FFE3F4).
What is the hex code of Neo Mint?
#AAFFCC.