Flip a Coin Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Flip a Coin (#CCDDCC), each snapped to its nearest named color.
#CCDDCC
#D2C9DF
#DCCAD8
#9FC09C
#F3F1F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Flip a Coin | #CCDDCC | 204, 221, 204 | 120°, 20%, 83% | 8, 0, 8, 13 | |
| Lavender Water | #D2C9DF | 210, 201, 223 | 265°, 26%, 83% | 6, 10, 0, 13 | |
| Creamy Mauve | #DCCAD8 | 220, 202, 216 | 313°, 20%, 83% | 0, 8, 2, 14 | |
| Spruce Stone | #9FC09C | 159, 192, 156 | 115°, 22%, 68% | 17, 0, 19, 25 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9FC09C on #F3F1F3 | 1.78:1 | — |
| Aa #D2C9DF on #F3F1F3 | 1.42:1 | — |
| Aa #CCDDCC on #9FC09C | 1.41:1 | — |
| Aa #DCCAD8 on #F3F1F3 | 1.39:1 | — |
| Aa #DCCAD8 on #9FC09C | 1.28:1 | — |
| Aa #CCDDCC on #F3F1F3 | 1.26:1 | — |
CSS variables
:root {
--color-1: #ccddcc; /* Flip a Coin */
--color-2: #d2c9df; /* Lavender Water */
--color-3: #dccad8; /* Creamy Mauve */
--color-4: #9fc09c; /* Spruce Stone */
--color-5: #f3f1f3; /* Aragonite White */
}Other schemes from Flip a Coin
- Flip a Coin Complementary Color Scheme#CCDDCC#EFF5F1#DECADE#C09DC8#F6F1F4
- Flip a Coin Analogous Color Scheme#DEDFC9#D8DDCA#CCDDCC#CDDED5#CADFDD
- Flip a Coin Triadic Color Scheme#CCDDCC#CBCCDF#DDCCCC#EFF5F1#979AC4
- Flip a Coin Tetradic Color Scheme#CCDDCC#CBD4DF#DECADE#DFD5CA#EFF5F1
- Flip a Coin Monochromatic Color Scheme#77A373#9EBC97#CCDDCC#EFF5F1#EFF5F1
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Flip a Coin?
In a split-complementary scheme: Lavender Water (#D2C9DF), Creamy Mauve (#DCCAD8), Spruce Stone (#9FC09C), Aragonite White (#F3F1F3).
What is the hex code of Flip a Coin?
#CCDDCC.