Neo Mint Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Neo Mint (#AAFFCC), each snapped to its nearest named color.
#1EF876
#58F898
#AAFFCC
#E6FDF1
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Synthetic Spearmint | #1EF876 | 30, 248, 118 | 144°, 94%, 55% | 88, 0, 52, 3 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 | |
| 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 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1EF876 on #E6FDF1 | 1.34:1 | — |
| Aa #1EF876 on #E6FDF1 | 1.34:1 | — |
| Aa #58F898 on #E6FDF1 | 1.29:1 | — |
| Aa #58F898 on #E6FDF1 | 1.29:1 | — |
| Aa #1EF876 on #AAFFCC | 1.21:1 | — |
| Aa #58F898 on #AAFFCC | 1.17:1 | — |
CSS variables
:root {
--color-1: #1ef876; /* Synthetic Spearmint */
--color-2: #58f898; /* Thallium Flame */
--color-3: #aaffcc; /* Neo Mint */
--color-4: #e6fdf1; /* Mint Chiffon */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Neo Mint
- Neo Mint Complementary Color Scheme#AAFFCC#E6FDF1#FFAADD#FF55AA#FFE3F4
- 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
More Very Light Green monochromatic palettes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Neo Mint?
In a monochromatic scheme: Synthetic Spearmint (#1EF876), Thallium Flame (#58F898), Mint Chiffon (#E6FDF1), Mint Chiffon (#E6FDF1).
What is the hex code of Neo Mint?
#AAFFCC.