Coco Malt Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coco Malt (#E4DCC9), each snapped to its nearest named color.
#E4DCC9
#CBDEE3
#D0C8E6
#CABA97
#F0F4F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coco Malt | #E4DCC9 | 228, 220, 201 | 42°, 33%, 84% | 0, 4, 12, 11 | |
| Salty Vapour | #CBDEE3 | 203, 222, 227 | 192°, 30%, 84% | 11, 2, 0, 11 | |
| Italian Fitch | #D0C8E6 | 208, 200, 230 | 256°, 37%, 84% | 10, 13, 0, 10 | |
| Stone Guardians | #CABA97 | 202, 186, 151 | 41°, 32%, 69% | 0, 8, 25, 21 | |
| Child of Light | #F0F4F8 | 240, 244, 248 | 210°, 36%, 96% | 3, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CABA97 on #F0F4F8 | 1.73:1 | — |
| Aa #D0C8E6 on #F0F4F8 | 1.45:1 | — |
| Aa #E4DCC9 on #CABA97 | 1.40:1 | — |
| Aa #CBDEE3 on #CABA97 | 1.37:1 | — |
| Aa #CBDEE3 on #F0F4F8 | 1.26:1 | — |
| Aa #E4DCC9 on #F0F4F8 | 1.24:1 | — |
CSS variables
:root {
--color-1: #e4dcc9; /* Coco Malt */
--color-2: #cbdee3; /* Salty Vapour */
--color-3: #d0c8e6; /* Italian Fitch */
--color-4: #caba97; /* Stone Guardians */
--color-5: #f0f4f8; /* Child of Light */
}Other schemes from Coco Malt
- Coco Malt Complementary Color Scheme#E4DCC9#F8F4ED#C8D2E2#96A8C8#EDF2F8
- Coco Malt Analogous Color Scheme#E1C9D1#E5D0CA#E4DCC9#DFE2C9#D2E3CC
- Coco Malt Triadic Color Scheme#E4DCC9#C9E5DA#DFCAE4#F8F4ED#98CBBA
- Coco Malt Tetradic Color Scheme#E4DCC9#C9E2CF#C8D2E2#E4CADC#F8F4ED
- Coco Malt Monochromatic Color Scheme#B09D64#CABA97#E4DCC9#F8F4ED#F8F4ED
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 Coco Malt?
In a split-complementary scheme: Salty Vapour (#CBDEE3), Italian Fitch (#D0C8E6), Stone Guardians (#CABA97), Child of Light (#F0F4F8).
What is the hex code of Coco Malt?
#E4DCC9.