Ruins of Civilization Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ruins of Civilization (#CADECE), each snapped to its nearest named color.
#CADECE
#D9CADF
#DFC9D1
#9FC5AA
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ruins of Civilization | #CADECE | 202, 222, 206 | 132°, 23%, 83% | 9, 0, 7, 13 | |
| Hampstead Heath | #D9CADF | 217, 202, 223 | 283°, 25%, 83% | 3, 9, 0, 13 | |
| French Lavender | #DFC9D1 | 223, 201, 209 | 338°, 26%, 83% | 0, 10, 6, 13 | |
| Mini Green | #9FC5AA | 159, 197, 170 | 137°, 25%, 70% | 19, 0, 14, 23 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9FC5AA on #F6F1F4 | 1.70:1 | — |
| Aa #DFC9D1 on #F6F1F4 | 1.40:1 | — |
| Aa #D9CADF on #F6F1F4 | 1.40:1 | — |
| Aa #CADECE on #9FC5AA | 1.35:1 | — |
| Aa #CADECE on #F6F1F4 | 1.27:1 | — |
| Aa #D9CADF on #9FC5AA | 1.22:1 | — |
CSS variables
:root {
--color-1: #cadece; /* Ruins of Civilization */
--color-2: #d9cadf; /* Hampstead Heath */
--color-3: #dfc9d1; /* French Lavender */
--color-4: #9fc5aa; /* Mini Green */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Ruins of Civilization
- Ruins of Civilization Complementary Color Scheme#CADECE#EFF5F1#DFCBDA#CA99B7#F6F1F4
- Ruins of Civilization Analogous Color Scheme#D8DDCA#CFDDC7#CADECE#C8DDDA#CADADE
- Ruins of Civilization Triadic Color Scheme#CADECE#CFC9DF#DFCFCA#EFF5F1#A598C4
- Ruins of Civilization Tetradic Color Scheme#CADECE#C9D2DF#DFCBDA#DFD8C8#EFF5F1
- Ruins of Civilization Monochromatic Color Scheme#6CA178#9FC5AA#CADECE#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 Ruins of Civilization?
In a split-complementary scheme: Hampstead Heath (#D9CADF), French Lavender (#DFC9D1), Mini Green (#9FC5AA), Grim White (#F6F1F4).
What is the hex code of Ruins of Civilization?
#CADECE.