Mint Chip Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mint Chip (#CFEBEA), each snapped to its nearest named color.
#CFEBEA
#EBD0DB
#EBDACE
#9CD4CF
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mint Chip | #CFEBEA | 207, 235, 234 | 178°, 41%, 87% | 12, 0, 0, 8 | 91.9% 0.029 194 | |
| Creamy Freesia | #EBD0DB | 235, 208, 219 | 336°, 40%, 87% | 0, 11, 7, 8 | 88.3% 0.033 351 | |
| Gobi Beige | #EBDACE | 235, 218, 206 | 25°, 42%, 86% | 0, 7, 12, 8 | 89.9% 0.025 58 | |
| Fountain City | #9CD4CF | 156, 212, 207 | 175°, 39%, 72% | 26, 0, 2, 17 | 83.0% 0.058 189 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 | 95.9% 0.013 341 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9CD4CF on #F8EEF4 | 1.46:1 | — |
| Aa #CFEBEA on #9CD4CF | 1.31:1 | — |
| Aa #EBD0DB on #F8EEF4 | 1.27:1 | — |
| Aa #EBDACE on #9CD4CF | 1.21:1 | — |
| Aa #EBDACE on #F8EEF4 | 1.20:1 | — |
| Aa #CFEBEA on #EBD0DB | 1.15:1 | — |
CSS variables
:root {
--color-1: #cfebea; /* Mint Chip */
--color-2: #ebd0db; /* Creamy Freesia */
--color-3: #ebdace; /* Gobi Beige */
--color-4: #9cd4cf; /* Fountain City */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Mint Chip
- Mint Chip Complementary Color Scheme#CFEBEA#ECF7F7#E9CFCF#D39898#F6EEED
- Mint Chip Analogous Color Scheme#D1EDCD#CFEBDE#CFEBEA#D1DFEB#D0D2E9
- Mint Chip Triadic Color Scheme#CFEBEA#E7CFE8#ECEACF#ECF7F7#D39ED2
- Mint Chip Tetradic Color Scheme#CFEBEA#DACEE8#E9CFCF#DEE9CF#ECF7F7
- Mint Chip Monochromatic Color Scheme#60B8BE#9CD4CF#CFEBEA#ECF7F7#ECF7F7
More very light teal split-complementary color schemes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Mint Chip?
In a split-complementary scheme: Creamy Freesia (#EBD0DB), Gobi Beige (#EBDACE), Fountain City (#9CD4CF), Sentimental Pink (#F8EEF4).
What is the hex code of Mint Chip?
#CFEBEA.