Mystery Mint Complementary Color Scheme
Five colors arranged by the complementary rule around Mystery Mint (#BBEFD3), each snapped to its nearest named color.
#BBEFD3
#E9F9F5
#ECBCD4
#E47CB8
#FCEBF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mystery Mint | #BBEFD3 | 187, 239, 211 | 148°, 62%, 84% | 22, 0, 12, 6 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 | |
| Sweet Taffy | #ECBCD4 | 236, 188, 212 | 330°, 56%, 83% | 0, 20, 10, 7 | |
| Fuchsia Blush | #E47CB8 | 228, 124, 184 | 325°, 66%, 69% | 0, 46, 19, 11 | |
| Placebo Magenta | #FCEBF4 | 252, 235, 244 | 328°, 74%, 95% | 0, 7, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E9F9F5 on #E47CB8 | 2.46:1 | — |
| Aa #E47CB8 on #FCEBF4 | 2.33:1 | — |
| Aa #BBEFD3 on #E47CB8 | 2.08:1 | — |
| Aa #ECBCD4 on #E47CB8 | 1.61:1 | — |
| Aa #E9F9F5 on #ECBCD4 | 1.52:1 | — |
| Aa #ECBCD4 on #FCEBF4 | 1.44:1 | — |
CSS variables
:root {
--color-1: #bbefd3; /* Mystery Mint */
--color-2: #e9f9f5; /* Melting Glacier */
--color-3: #ecbcd4; /* Sweet Taffy */
--color-4: #e47cb8; /* Fuchsia Blush */
--color-5: #fcebf4; /* Placebo Magenta */
}Other schemes from Mystery Mint
- 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
- Mystery Mint Monochromatic Color Scheme#33DD88#77EEBB#BBEFD3#E9F9F5#E9F9F5
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 Mystery Mint?
In a complementary scheme: Melting Glacier (#E9F9F5), Sweet Taffy (#ECBCD4), Fuchsia Blush (#E47CB8), Placebo Magenta (#FCEBF4).
What is the hex code of Mystery Mint?
#BBEFD3.