Mint Coffee Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Mint Coffee (#CCFFEE), each snapped to its nearest named color.
#2AFEB7
#80FFCC
#CCFFEE
#EBFCF5
#EBFCF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Calamine Blue | #80FFCC | 128, 255, 204 | 156°, 100%, 75% | 50, 0, 20, 0 | |
| 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 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2AFEB7 on #EBFCF5 | 1.24:1 | — |
| Aa #2AFEB7 on #EBFCF5 | 1.24:1 | — |
| Aa #2AFEB7 on #CCFFEE | 1.20:1 | — |
| Aa #80FFCC on #EBFCF5 | 1.16:1 | — |
| Aa #80FFCC on #EBFCF5 | 1.16:1 | — |
| Aa #80FFCC on #CCFFEE | 1.12:1 | — |
CSS variables
:root {
--color-1: #2afeb7; /* Greenish Cyan */
--color-2: #80ffcc; /* Calamine Blue */
--color-3: #ccffee; /* Mint Coffee */
--color-4: #ebfcf5; /* Placebo Turquoise */
--color-5: #ebfcf5; /* Placebo Turquoise */
}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 Split-complementary Color Scheme#CCFFEE#FCCCF5#FED6CC#80FFCC#FEE8F5
- Mint Coffee Tetradic Color Scheme#CCFFEE#D0C7FF#FFCCDD#FEFFCC#EBFCF5
More Very Light Green monochromatic palettes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Mint Coffee?
In a monochromatic scheme: Greenish Cyan (#2AFEB7), Calamine Blue (#80FFCC), Placebo Turquoise (#EBFCF5), Placebo Turquoise (#EBFCF5).
What is the hex code of Mint Coffee?
#CCFFEE.