Mountain Dew Complementary Color Scheme
Five colors arranged by the complementary rule around Mountain Dew (#CFE2E0), each snapped to its nearest named color.
#CFE2E0
#F0F4F2
#E0CFD2
#C39EA3
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mountain Dew | #CFE2E0 | 207, 226, 224 | 174°, 25%, 85% | 8, 0, 1, 11 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Light Sprig Muslin | #E0CFD2 | 224, 207, 210 | 349°, 22%, 85% | 0, 8, 6, 12 | |
| Zephyr | #C39EA3 | 195, 158, 163 | 352°, 24%, 69% | 0, 19, 16, 24 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F4F2 on #C39EA3 | 2.17:1 | — |
| Aa #C39EA3 on #F5F0F1 | 2.13:1 | — |
| Aa #CFE2E0 on #C39EA3 | 1.79:1 | — |
| Aa #E0CFD2 on #C39EA3 | 1.60:1 | — |
| Aa #F0F4F2 on #E0CFD2 | 1.35:1 | — |
| Aa #E0CFD2 on #F5F0F1 | 1.33:1 | — |
CSS variables
:root {
--color-1: #cfe2e0; /* Mountain Dew */
--color-2: #f0f4f2; /* Bakery Box */
--color-3: #e0cfd2; /* Light Sprig Muslin */
--color-4: #c39ea3; /* Zephyr */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Mountain Dew
- Mountain Dew Analogous Color Scheme#D2E3CC#CFE0D7#CFE2E0#CDDCE3#D0D1E1
- Mountain Dew Triadic Color Scheme#CFE2E0#E7CEE3#E1E1CF#F0F4F2#C09DC8
- Mountain Dew Split-complementary Color Scheme#CFE2E0#E0D0DB#E4D7CE#9BC4C4#F5F0F1
- Mountain Dew Tetradic Color Scheme#CFE2E0#D7D0E1#E0CFD2#DCE2CE#F0F4F2
- Mountain Dew Monochromatic Color Scheme#71A6A1#9BC4C4#CFE2E0#F0F4F2#F0F4F2
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Mountain Dew?
In a complementary scheme: Bakery Box (#F0F4F2), Light Sprig Muslin (#E0CFD2), Zephyr (#C39EA3), Plastic Clouds (#F5F0F1).
What is the hex code of Mountain Dew?
#CFE2E0.