Mocha Ice Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mocha Ice (#DFD2CA), each snapped to its nearest named color.
#DFD2CA
#CADFDD
#CBCCDF
#C3A998
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mocha Ice | #DFD2CA | 223, 210, 202 | 23°, 25%, 83% | 0, 6, 9, 13 | |
| Silver Spruce | #CADFDD | 202, 223, 221 | 174°, 25%, 83% | 9, 0, 1, 13 | |
| Blueberry Mist | #CBCCDF | 203, 204, 223 | 237°, 24%, 84% | 9, 9, 0, 13 | |
| Adobe Straw | #C3A998 | 195, 169, 152 | 24°, 26%, 68% | 0, 13, 22, 24 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C3A998 on #F0F4F2 | 2.00:1 | — |
| Aa #CADFDD on #C3A998 | 1.60:1 | — |
| Aa #DFD2CA on #C3A998 | 1.50:1 | — |
| Aa #CBCCDF on #F0F4F2 | 1.43:1 | — |
| Aa #CBCCDF on #C3A998 | 1.40:1 | — |
| Aa #DFD2CA on #F0F4F2 | 1.33:1 | — |
CSS variables
:root {
--color-1: #dfd2ca; /* Mocha Ice */
--color-2: #cadfdd; /* Silver Spruce */
--color-3: #cbccdf; /* Blueberry Mist */
--color-4: #c3a998; /* Adobe Straw */
--color-5: #f0f4f2; /* Bakery Box */
}Other schemes from Mocha Ice
- Mocha Ice Complementary Color Scheme#DFD2CA#F5F0F1#CAD7DE#97B4C3#EEF2F3
- Mocha Ice Analogous Color Scheme#DCCAD8#DDCCCC#DFD2CA#DEDDCB#D8DDCA
- Mocha Ice Triadic Color Scheme#DFD2CA#CDDED5#D2C9DF#F5F0F1#9FC5AA
- Mocha Ice Tetradic Color Scheme#DFD2CA#CCDDCC#CAD7DE#DECADE#F5F0F1
- Mocha Ice Monochromatic Color Scheme#A2816E#C3A998#DFD2CA#F6F2F1#F6F2F1
More Very Light Orange split-complementary palettes
- A Smell of Bakery Split-complementary Color Scheme#F3E9D9#D8F1F4#D9D9F3#E2C59C#EEF7FA
- Acropolis Split-complementary Color Scheme#F8E2CA#CBF4F8#CCCCFF#F2BD85#EBFCFC
- Air-Kiss Split-complementary Color Scheme#F6DCD2#CFF7EF#D2D8F4#E9AA91#EBFCF5
- Albescent Split-complementary Color Scheme#E1DACB#CBDEE2#CECAE1#C2B79A#F0F4F8
- Almond Split-complementary Color Scheme#EDDCC8#C6EAEC#CEC8EF#D8B98C#EEF7FA
- Almond Brittle Split-complementary Color Scheme#E5D3B9#BBE1E6#BCBDE4#D0B082#ECF7F7
- Alpaca Split-complementary Color Scheme#F9EDE2#E0F6FB#E5E5FA#EEC7A2#EBFCFC
- Ancient Scroll Split-complementary Color Scheme#F0E4D1#D1EDEF#D7D1E9#DAC395#EEF7FA
- Angel Wing Split-complementary Color Scheme#F3DFD7#D7F2ED#D2DEF2#E4B197#E9F9F5
- Angelic White Split-complementary Color Scheme#F4EDE4#E6F1F1#E6E6F1#DCC9AE#ECF7F7
- Apricot Freeze Split-complementary Color Scheme#F3CFB7#BBEEEE#B8B8F8#E8A773#E7FAFA
- Apricot Sherbet Split-complementary Color Scheme#FBCD9F#9CFAFF#9999FF#F7A454#E7FEFF
Questions
What colors go with Mocha Ice?
In a split-complementary scheme: Silver Spruce (#CADFDD), Blueberry Mist (#CBCCDF), Adobe Straw (#C3A998), Bakery Box (#F0F4F2).
What is the hex code of Mocha Ice?
#DFD2CA.