Mint Coffee Complementary Color Scheme
Five colors arranged by the complementary rule around Mint Coffee (#CCFFEE), each snapped to its nearest named color.
#CCFFEE
#EBFCF5
#FFCCDD
#FC80A5
#FFE5ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 | |
| Linnet Egg Red | #FFCCDD | 255, 204, 221 | 340°, 100%, 90% | 0, 20, 13, 0 | |
| Pink Makeup | #FC80A5 | 252, 128, 165 | 342°, 95%, 75% | 0, 49, 35, 1 | |
| Early Blossom | #FFE5ED | 255, 229, 237 | 342°, 100%, 95% | 0, 10, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBFCF5 on #FC80A5 | 2.25:1 | — |
| Aa #CCFFEE on #FC80A5 | 2.18:1 | — |
| Aa #FC80A5 on #FFE5ED | 2.02:1 | — |
| Aa #FFCCDD on #FC80A5 | 1.70:1 | — |
| Aa #EBFCF5 on #FFCCDD | 1.32:1 | — |
| Aa #CCFFEE on #FFCCDD | 1.28:1 | — |
CSS variables
:root {
--color-1: #ccffee; /* Mint Coffee */
--color-2: #ebfcf5; /* Placebo Turquoise */
--color-3: #ffccdd; /* Linnet Egg Red */
--color-4: #fc80a5; /* Pink Makeup */
--color-5: #ffe5ed; /* Early Blossom */
}Other schemes from Mint Coffee
- Mint Coffee Analogous Color Scheme#DDFFCC#CCFFDD#CCFFEE#C6FCFF#CCDDFF
- Mint Coffee Triadic Color Scheme#CCFFEE#EECCFF#FFEECC#EBFCF5#D783FF
- Mint Coffee Split-complementary Color Scheme#CCFFEE#FCCCF5#FED6CC#80FFCC#FEE8F5
- Mint Coffee Tetradic Color Scheme#CCFFEE#D0C7FF#FFCCDD#FEFFCC#EBFCF5
- Mint Coffee Monochromatic Color Scheme#2AFEB7#80FFCC#CCFFEE#EBFCF5#EBFCF5
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 Mint Coffee?
In a complementary scheme: Placebo Turquoise (#EBFCF5), Linnet Egg Red (#FFCCDD), Pink Makeup (#FC80A5), Early Blossom (#FFE5ED).
What is the hex code of Mint Coffee?
#CCFFEE.