Mystery Mint Tetradic Color Scheme
Five colors arranged by the tetradic rule around Mystery Mint (#BBEFD3), each snapped to its nearest named color.
#BBEFD3
#B8B8F8
#ECBCD4
#ECEBBD
#E9F9F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mystery Mint | #BBEFD3 | 187, 239, 211 | 148°, 62%, 84% | 22, 0, 12, 6 | |
| Purple Illusion | #B8B8F8 | 184, 184, 248 | 240°, 82%, 85% | 26, 26, 0, 3 | |
| Sweet Taffy | #ECBCD4 | 236, 188, 212 | 330°, 56%, 83% | 0, 20, 10, 7 | |
| Pale Spring Bud | #ECEBBD | 236, 235, 189 | 59°, 55%, 83% | 0, 0, 20, 7 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B8B8F8 on #E9F9F5 | 1.72:1 | — |
| Aa #B8B8F8 on #ECEBBD | 1.53:1 | — |
| Aa #ECBCD4 on #E9F9F5 | 1.52:1 | — |
| Aa #BBEFD3 on #B8B8F8 | 1.46:1 | — |
| Aa #ECBCD4 on #ECEBBD | 1.35:1 | — |
| Aa #BBEFD3 on #ECBCD4 | 1.29:1 | — |
CSS variables
:root {
--color-1: #bbefd3; /* Mystery Mint */
--color-2: #b8b8f8; /* Purple Illusion */
--color-3: #ecbcd4; /* Sweet Taffy */
--color-4: #ecebbd; /* Pale Spring Bud */
--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 Monochromatic Color Scheme#33DD88#77EEBB#BBEFD3#E9F9F5#E9F9F5
More Very Light Green tetradic palettes
- Airy Fields Tetradic Color Scheme#DBE0C4#C7E0D9#CAC1E2#E2C3CF#F4F7EE
- Ambrosia Tetradic Color Scheme#C6E1BC#BCD8E2#DCBFE1#E1C3BB#F1F8EC
- Amnesiac White Tetradic Color Scheme#F8FBEB#EBFCF5#EEE9F9#F8EAED#F8FBEB
- Arabica Mint Tetradic Color Scheme#C0FFEE#D0C7FF#FFC1D0#EEF9C1#E7FAFA
- Bath Bubbles Tetradic Color Scheme#E6F2EA#E5E8F2#F1E8EC#F2F0E6#EFF5F1
- Bethlehem Superstar Tetradic Color Scheme#EAEEDA#D8EEE7#DDDCEF#EFD9E1#F4F7EE
- Blissful Serenity Tetradic Color Scheme#EAEED8#D8EEE7#DBD7F2#EEDADD#F6F7ED
- Breath of Celery Tetradic Color Scheme#DCE7CB#C9E7E3#D9CDE5#E7CCCD#F4F7EE
- Candied Snow Tetradic Color Scheme#D8FFF3#EEDDFF#FDD7E4#F9FDD9#EBFCF5
- Caribbean Tetradic Color Scheme#CAF0E5#CEC8EF#EDC9D5#E6EFCC#E9F9F5
- Clair de Lune Tetradic Color Scheme#DBE9DF#DADEE9#E9DBE4#E9E6DC#EFF5F1
- Creamy Garlic Tetradic Color Scheme#ECEFE3#E4EEEB#E5E3EF#F0E2E4#F4F7EE
Questions
What colors go with Mystery Mint?
In a tetradic scheme: Purple Illusion (#B8B8F8), Sweet Taffy (#ECBCD4), Pale Spring Bud (#ECEBBD), Melting Glacier (#E9F9F5).
What is the hex code of Mystery Mint?
#BBEFD3.