Mystery Mint Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Mystery Mint (#BBEFD3), each snapped to its nearest named color.
#33DD88
#77EEBB
#BBEFD3
#E9F9F5
#E9F9F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Drunken Dragonfly | #33DD88 | 51, 221, 136 | 150°, 71%, 53% | 77, 0, 38, 13 | 79.4% 0.181 156 | |
| Jittery Jade | #77EEBB | 119, 238, 187 | 154°, 78%, 70% | 50, 0, 21, 7 | 86.6% 0.131 163 | |
| Mystery Mint | #BBEFD3 | 187, 239, 211 | 148°, 62%, 84% | 22, 0, 12, 6 | 90.8% 0.066 161 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 | 96.9% 0.018 179 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 | 96.9% 0.018 179 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #33DD88 on #E9F9F5 | 1.63:1 | — |
| Aa #33DD88 on #E9F9F5 | 1.63:1 | — |
| Aa #33DD88 on #BBEFD3 | 1.39:1 | — |
| Aa #77EEBB on #E9F9F5 | 1.31:1 | — |
| Aa #77EEBB on #E9F9F5 | 1.31:1 | — |
| Aa #33DD88 on #77EEBB | 1.24:1 | — |
CSS variables
:root {
--color-1: #33dd88; /* Drunken Dragonfly */
--color-2: #77eebb; /* Jittery Jade */
--color-3: #bbefd3; /* Mystery Mint */
--color-4: #e9f9f5; /* Melting Glacier */
--color-5: #e9f9f5; /* Melting Glacier */
}Other schemes from Mystery Mint
- Mystery Mint Complementary Color Scheme#BBEFD3#E9F9F5#ECBCD4#E47CB8#FCEBF4
- Mystery Mint Analogous Color Scheme#DDEEBB#BBE6BB#BBEFD3#BBEEEE#BBD5EF
- Mystery Mint Triadic Color Scheme#BBEFD3#CCBBEE#F1D6BC#E9F9F5#B36FF6
- Mystery Mint Split-complementary Color Scheme#BBEFD3#EEBBEE#F0BCBE#77EEBB#FCEBFA
- Mystery Mint Tetradic Color Scheme#BBEFD3#B8B8F8#ECBCD4#ECEBBD#E9F9F5
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 Mystery Mint?
In a monochromatic scheme: Drunken Dragonfly (#33DD88), Jittery Jade (#77EEBB), Melting Glacier (#E9F9F5), Melting Glacier (#E9F9F5).
What is the hex code of Mystery Mint?
#BBEFD3.