Mint Coffee Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mint Coffee (#CCFFEE), each snapped to its nearest named color.
#CCFFEE
#FCCCF5
#FED6CC
#80FFCC
#FEE8F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 | |
| Kissed by Mist | #FCCCF5 | 252, 204, 245 | 309°, 89%, 89% | 0, 19, 3, 1 | |
| Pale Jasper | #FED6CC | 254, 214, 204 | 12°, 96%, 90% | 0, 16, 20, 0 | |
| Calamine Blue | #80FFCC | 128, 255, 204 | 156°, 100%, 75% | 50, 0, 20, 0 | |
| Dolomite Crystal | #FEE8F5 | 254, 232, 245 | 325°, 92%, 95% | 0, 9, 4, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCFFEE on #FCCCF5 | 1.27:1 | — |
| Aa #CCFFEE on #FED6CC | 1.22:1 | — |
| Aa #FCCCF5 on #FEE8F5 | 1.20:1 | — |
| Aa #FED6CC on #FEE8F5 | 1.15:1 | — |
| Aa #FCCCF5 on #80FFCC | 1.13:1 | — |
| Aa #CCFFEE on #80FFCC | 1.12:1 | — |
CSS variables
:root {
--color-1: #ccffee; /* Mint Coffee */
--color-2: #fcccf5; /* Kissed by Mist */
--color-3: #fed6cc; /* Pale Jasper */
--color-4: #80ffcc; /* Calamine Blue */
--color-5: #fee8f5; /* Dolomite Crystal */
}Other schemes from Mint Coffee
- Mint Coffee Complementary Color Scheme#CCFFEE#EBFCF5#FFCCDD#FC80A5#FFE5ED
- Mint Coffee Analogous Color Scheme#DDFFCC#CCFFDD#CCFFEE#C6FCFF#CCDDFF
- Mint Coffee Triadic Color Scheme#CCFFEE#EECCFF#FFEECC#EBFCF5#D783FF
- Mint Coffee Tetradic Color Scheme#CCFFEE#D0C7FF#FFCCDD#FEFFCC#EBFCF5
- Mint Coffee Monochromatic Color Scheme#2AFEB7#80FFCC#CCFFEE#EBFCF5#EBFCF5
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Mint Coffee?
In a split-complementary scheme: Kissed by Mist (#FCCCF5), Pale Jasper (#FED6CC), Calamine Blue (#80FFCC), Dolomite Crystal (#FEE8F5).
What is the hex code of Mint Coffee?
#CCFFEE.