Infusion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Infusion (#C8D0CA), each snapped to its nearest named color.
#C8D0CA
#D1BFDC
#D8BFC8
#90BE9D
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Infusion | #C8D0CA | 200, 208, 202 | 135°, 8%, 80% | 4, 0, 3, 18 | |
| Plum Cake | #D1BFDC | 209, 191, 220 | 277°, 29%, 81% | 5, 13, 0, 14 | |
| Magnolia White | #D8BFC8 | 216, 191, 200 | 338°, 24%, 80% | 0, 12, 7, 15 | |
| Green-Eyed Lady | #90BE9D | 144, 190, 157 | 137°, 26%, 65% | 24, 0, 17, 25 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #90BE9D on #F6F1F4 | 1.87:1 | — |
| Aa #D1BFDC on #F6F1F4 | 1.54:1 | — |
| Aa #D8BFC8 on #F6F1F4 | 1.54:1 | — |
| Aa #C8D0CA on #F6F1F4 | 1.41:1 | — |
| Aa #C8D0CA on #90BE9D | 1.33:1 | — |
| Aa #D8BFC8 on #90BE9D | 1.22:1 | — |
CSS variables
:root {
--color-1: #c8d0ca; /* Infusion */
--color-2: #d1bfdc; /* Plum Cake */
--color-3: #d8bfc8; /* Magnolia White */
--color-4: #90be9d; /* Green-Eyed Lady */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Infusion
- Infusion Complementary Color Scheme#C8D0CA#EFF5F1#D8BFD4#B98FAF#F6F1F4
- Infusion Analogous Color Scheme#D0D8BE#CADABD#C8D0CA#BDD9D0#BED0DA
- Infusion Triadic Color Scheme#C8D0CA#C6BEDD#DAC5BD#EFF5F1#9791BC
- Infusion Tetradic Color Scheme#C8D0CA#BFC8D8#D8BFD4#D8D4BF#EFF5F1
- Infusion Monochromatic Color Scheme#788879#9CACA5#C8D0CA#F1F3F2#F1F3F2
More Very Light Gray split-complementary palettes
- Alaska Split-complementary Color Scheme#DADAD1#C9D4E1#D8CBE0#C8C197#EEF2F3
- Apollo Landing Split-complementary Color Scheme#E5E5E1#DCE4E9#E5DBEB#CECDAD#EEF2F3
- Big Fish to Fry Split-complementary Color Scheme#DADBE1#E6DAD6#E1E5D7#A6A8C5#F5F0F1
- Blowing Smoke Split-complementary Color Scheme#D2D1D0#C6DEDF#C7C5DC#C0AD96#F0F4F2
- Chrome Split-complementary Color Scheme#E1DFE1#E0EAD8#D7E7E0#C9A8CE#F4F4F0
- Closet Skeletons Split-complementary Color Scheme#E1DED9#D6E3E7#D6D4E6#CABCA4#F0F4F2
- Coconut Agony Split-complementary Color Scheme#EBE8E7#E4EEEB#E2E6EF#D2BBB2#F0F4F2
- Columbo’s Coat Split-complementary Color Scheme#D0CBCE#C1D8C5#C1D8D9#BA90AD#EFF5F1
- Concrete Split-complementary Color Scheme#D2D1CD#C4D3DC#CBC5D9#BEB394#F1F3F3
- Day on Mercury Split-complementary Color Scheme#D5D2D1#C8DDDA#CACFDC#C1A097#F0F4F2
- Desired Dawn Split-complementary Color Scheme#D8D7D9#E1E2CF#D2E3CC#AF9FCA#F6F4EF
- Diamonds in the Sky Split-complementary Color Scheme#E5E2E1#DCECE7#DCE0EA#CDB3AC#F0F4F2
Questions
What colors go with Infusion?
In a split-complementary scheme: Plum Cake (#D1BFDC), Magnolia White (#D8BFC8), Green-Eyed Lady (#90BE9D), Grim White (#F6F1F4).
What is the hex code of Infusion?
#C8D0CA.