Mint Cream Analogous Color Scheme
Five colors arranged by the analogous rule around Mint Cream (#F5FFFA), each snapped to its nearest named color.
#F6FFE8
#E7FBEC
#F5FFFA
#E7FEFF
#E8F5FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Milk Foam | #F6FFE8 | 246, 255, 232 | 83°, 100%, 95% | 4, 0, 9, 0 | 98.7% 0.032 124 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 | 96.9% 0.029 153 | |
| Mint Cream | #F5FFFA | 245, 255, 250 | 150°, 100%, 98% | 4, 0, 2, 0 | 99.1% 0.012 165 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | 98.1% 0.024 200 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 | 96.3% 0.017 231 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5FFFA on #E8F5FC | 1.09:1 | — |
| Aa #F6FFE8 on #E8F5FC | 1.08:1 | — |
| Aa #E7FBEC on #F5FFFA | 1.06:1 | — |
| Aa #E7FEFF on #E8F5FC | 1.06:1 | — |
| Aa #F6FFE8 on #E7FBEC | 1.05:1 | — |
| Aa #E7FBEC on #E7FEFF | 1.03:1 | — |
CSS variables
:root {
--color-1: #f6ffe8; /* Milk Foam */
--color-2: #e7fbec; /* Winter Mist */
--color-3: #f5fffa; /* Mint Cream */
--color-4: #e7feff; /* Bubbles */
--color-5: #e8f5fc; /* Kodama White */
}Other schemes from Mint Cream
- Mint Cream Complementary Color Scheme#F5FFFA#E6FDF1#FFE6F1#FFA6D9#FFE6F1
- Mint Cream Triadic Color Scheme#F5FFFA#F0EBFC#FFF2E4#E6FDF1#CCAAFF
- Mint Cream Split-complementary Color Scheme#F5FFFA#FFEBFE#FFE6E7#AFFFD5#FFEBFE
- Mint Cream Tetradic Color Scheme#F5FFFA#E6E6FA#FFE6F1#FFFFE5#E6FDF1
- Mint Cream Monochromatic Color Scheme#55FFAA#AFFFD5#F5FFFA#E6FDF1#E6FDF1
More white analogous color schemes
- Anti-Flash White Analogous Color Scheme#EFF5F1#F0F4F2#F2F3F4#EBF1F5#F3F1F3
- Beluga Analogous Color Scheme#F0F4EB#EBF5F0#EFF2F1#EEF2F3#EBEEF3
- Brilliance Analogous Color Scheme#F6F1F4#F5F0F1#FDFDFD#F6F2F1#F6F4EF
- Ceramic Analogous Color Scheme#FFF2E4#FFFFE5#FCFFF9#E7FBEC#E6FDF1
- Chef’s Hat Analogous Color Scheme#EFF5F1#F0F4F2#F3F4F5#EBF1F5#F3F1F3
- Cloud Break Analogous Color Scheme#E8F5FC#E6E8FA#F6F1FE#F8EBFC#FEE8F5
- Cotton Ball Analogous Color Scheme#EBFCF5#EBFCFC#F2F7FD#E6E8FA#F0EBFC
- Doctor Analogous Color Scheme#F6F1F4#F5F0F1#F9F9F9#F6F2F1#F6F4EF
- Dr. White Analogous Color Scheme#F6F1F4#F5F0F1#FAFAFA#F6F2F1#F6F4EF
- Emptiness Analogous Color Scheme#F6F4EF#F4F4F0#FCFDFC#EFF5F1#F0F4F2
- Errigal White Analogous Color Scheme#F0F4F2#EEF2F3#F2F2F4#F3F1F3#F6F1F4
- Everlasting Ice Analogous Color Scheme#F1FAEA#EBFCEC#F6FDFA#E7FAFA#ECF3F9
Questions
What colors go with Mint Cream?
In a analogous scheme: Milk Foam (#F6FFE8), Winter Mist (#E7FBEC), Bubbles (#E7FEFF), Kodama White (#E8F5FC).
What is the hex code of Mint Cream?
#F5FFFA.