Infusion Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Infusion (#C8D0CA), each snapped to its nearest named color.
#788879
#9CACA5
#C8D0CA
#F1F3F2
#F1F3F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Brassica | #788879 | 120, 136, 121 | 124°, 6%, 50% | 12, 0, 11, 47 | |
| Tower Grey | #9CACA5 | 156, 172, 165 | 154°, 9%, 64% | 9, 0, 4, 33 | |
| Infusion | #C8D0CA | 200, 208, 202 | 135°, 8%, 80% | 4, 0, 3, 18 | |
| Hotot Bunny | #F1F3F2 | 241, 243, 242 | 150°, 8%, 95% | 1, 0, 0, 5 | |
| Hotot Bunny | #F1F3F2 | 241, 243, 242 | 150°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #788879 on #F1F3F2 | 3.37:1 | AA large |
| Aa #788879 on #F1F3F2 | 3.37:1 | AA large |
| Aa #788879 on #C8D0CA | 2.38:1 | — |
| Aa #9CACA5 on #F1F3F2 | 2.13:1 | — |
| Aa #9CACA5 on #F1F3F2 | 2.13:1 | — |
| Aa #788879 on #9CACA5 | 1.58:1 | — |
CSS variables
:root {
--color-1: #788879; /* Brassica */
--color-2: #9caca5; /* Tower Grey */
--color-3: #c8d0ca; /* Infusion */
--color-4: #f1f3f2; /* Hotot Bunny */
--color-5: #f1f3f2; /* Hotot Bunny */
}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 Split-complementary Color Scheme#C8D0CA#D1BFDC#D8BFC8#90BE9D#F6F1F4
- Infusion Tetradic Color Scheme#C8D0CA#BFC8D8#D8BFD4#D8D4BF#EFF5F1
More Very Light Gray monochromatic palettes
- Alaska Monochromatic Color Scheme#95987E#B7B8A5#DADAD1#F4F4F0#F4F4F0
- Apollo Landing Monochromatic Color Scheme#9F9D91#C0C1B9#E5E5E1#F3F3F2#F3F3F2
- Big Fish to Fry Monochromatic Color Scheme#848999#B1B3BE#DADBE1#F2F2F4#F2F2F4
- Blowing Smoke Monochromatic Color Scheme#868381#ABACA8#D2D1D0#F3F3F2#F3F3F2
- Chrome Monochromatic Color Scheme#988F97#BDB8BB#E1DFE1#F3F1F3#F3F1F3
- Closet Skeletons Monochromatic Color Scheme#9F9484#BFB8AD#E1DED9#F3F3F2#F3F3F2
- Coconut Agony Monochromatic Color Scheme#A79994#C7C0BC#EBE8E7#F3F3F2#F3F3F2
- Columbo’s Coat Monochromatic Color Scheme#867C83#ADA5A5#D0CBCE#F3F3F2#F3F3F2
- Concrete Monochromatic Color Scheme#8A877B#AEABA5#D2D1CD#F3F3F2#F3F3F2
- Day on Mercury Monochromatic Color Scheme#8B8680#B2ACA9#D5D2D1#F3F3F2#F3F3F2
- Desired Dawn Monochromatic Color Scheme#8A8B8F#AFB1B4#D8D7D9#F2F2F4#F2F2F4
- Diamonds in the Sky Monochromatic Color Scheme#9E938F#C4BAB7#E5E2E1#F3F3F2#F3F3F2
Questions
What colors go with Infusion?
In a monochromatic scheme: Brassica (#788879), Tower Grey (#9CACA5), Hotot Bunny (#F1F3F2), Hotot Bunny (#F1F3F2).
What is the hex code of Infusion?
#C8D0CA.