Mintastic Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Mintastic (#AFFFD5), each snapped to its nearest named color.
#04F489
#6BFFB3
#AFFFD5
#E6FDF1
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Turquoise Green | #04F489 | 4, 244, 137 | 153°, 97%, 49% | 98, 0, 44, 4 | 84.9% 0.214 154 | |
| Venice Green | #6BFFB3 | 107, 255, 179 | 149°, 100%, 71% | 58, 0, 30, 0 | 90.0% 0.167 158 | |
| Mintastic | #AFFFD5 | 175, 255, 213 | 149°, 100%, 84% | 31, 0, 16, 0 | 93.7% 0.097 161 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | 97.4% 0.029 163 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | 97.4% 0.029 163 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #04F489 on #E6FDF1 | 1.38:1 | — |
| Aa #04F489 on #E6FDF1 | 1.38:1 | — |
| Aa #04F489 on #AFFFD5 | 1.26:1 | — |
| Aa #6BFFB3 on #E6FDF1 | 1.19:1 | — |
| Aa #6BFFB3 on #E6FDF1 | 1.19:1 | — |
| Aa #04F489 on #6BFFB3 | 1.16:1 | — |
CSS variables
:root {
--color-1: #04f489; /* Turquoise Green */
--color-2: #6bffb3; /* Venice Green */
--color-3: #afffd5; /* Mintastic */
--color-4: #e6fdf1; /* Mint Chiffon */
--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 Tetradic Color Scheme#AFFFD5#B5AFFF#FFB3DE#FEFCAF#E6FDF1
More very light green monochromatic color schemes
- 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 Mintastic?
In a monochromatic scheme: Turquoise Green (#04F489), Venice Green (#6BFFB3), Mint Chiffon (#E6FDF1), Mint Chiffon (#E6FDF1).
What is the hex code of Mintastic?
#AFFFD5.