Warm Ashes Complementary Color Scheme
Five colors arranged by the complementary rule around Warm Ashes (#CFC9C7), each snapped to its nearest named color.
#CFC9C7
#F5F0F1
#BED0DA
#91B2BC
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Warm Ashes | #CFC9C7 | 207, 201, 199 | 15°, 8%, 80% | 0, 3, 4, 19 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | |
| Snowbell | #BED0DA | 190, 208, 218 | 201°, 27%, 80% | 13, 5, 0, 15 | |
| Lucy Blue | #91B2BC | 145, 178, 188 | 194°, 24%, 65% | 23, 5, 0, 26 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #91B2BC on #F1F3F3 | 2.03:1 | — |
| Aa #F5F0F1 on #91B2BC | 2.00:1 | — |
| Aa #CFC9C7 on #F1F3F3 | 1.47:1 | — |
| Aa #CFC9C7 on #F5F0F1 | 1.45:1 | — |
| Aa #BED0DA on #F1F3F3 | 1.43:1 | — |
| Aa #BED0DA on #91B2BC | 1.42:1 | — |
CSS variables
:root {
--color-1: #cfc9c7; /* Warm Ashes */
--color-2: #f5f0f1; /* Plastic Clouds */
--color-3: #bed0da; /* Snowbell */
--color-4: #91b2bc; /* Lucy Blue */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Warm Ashes
- Warm Ashes Analogous Color Scheme#D8BFD4#D8BFC8#CFC9C7#D8D0BD#D0D8BE
- Warm Ashes Triadic Color Scheme#CFC9C7#BBD9C3#C4BBD6#F5F0F1#8CBD97
- Warm Ashes Split-complementary Color Scheme#CFC9C7#BCD8D2#BEC6D6#B5998E#EFF5F1
- Warm Ashes Tetradic Color Scheme#CFC9C7#C3D6BD#BED0DA#D3BED5#F5F0F1
- Warm Ashes Monochromatic Color Scheme#8A7C75#A7A19E#CFC9C7#F1F0EF#F3F3F2
More Light Gray complementary palettes
- Alpine Air Complementary Color Scheme#A9B4A9#D6E4D4#C09DC8#A66DA1#E7D8EA
- Argento Complementary Color Scheme#CECAC3#F6F4EF#BBC6D6#899BB8#EEF2F3
- Brume Complementary Color Scheme#C6C6C2#F6F4EF#B2B7D1#8881B0#EBF1F5
- Casper Complementary Color Scheme#AAB5B8#D6E3E7#C4A89E#AA7971#EAE1DD
- Cathedral Complementary Color Scheme#ACAAA7#E1DACE#91A7BC#617BA6#D3DBE7
- Cortex Complementary Color Scheme#A99592#D8C1BE#84AEBA#558F93#C5D9DB
- Crown of Ash Complementary Color Scheme#A1A9A9#C6DEDF#BC8E8F#9B5B55#E6CFCE
- Dangerous Robot Complementary Color Scheme#CBC5C6#F5F0F1#BCD8D2#89BAB2#F0F4F2
- Dark Ages Complementary Color Scheme#9698A3#BEC2DA#B4AC84#978C59#DBD7C4
- Dim Complementary Color Scheme#C8C2BE#F4F0EC#B5C7D2#83A0B4#EEF2F3
- Dove Complementary Color Scheme#B3ADA7#E4DAD3#96AEC5#6586A5#D7E0E7
- Dusky Mood Complementary Color Scheme#979BA8#C2C7DB#B7AC87#978C59#DDD8C6
Questions
What colors go with Warm Ashes?
In a complementary scheme: Plastic Clouds (#F5F0F1), Snowbell (#BED0DA), Lucy Blue (#91B2BC), Zappy Zebra (#F1F3F3).
What is the hex code of Warm Ashes?
#CFC9C7.