Huebook

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

NameHEXRGBHSLCMYK
Ruins of Civilization#CADECE202, 222, 206132°, 23%, 83%9, 0, 7, 13
Hampstead Heath#D9CADF217, 202, 223283°, 25%, 83%3, 9, 0, 13
French Lavender#DFC9D1223, 201, 209338°, 26%, 83%0, 10, 6, 13
Mini Green#9FC5AA159, 197, 170137°, 25%, 70%19, 0, 14, 23
Grim White#F6F1F4246, 241, 244324°, 22%, 95%0, 2, 1, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9FC5AA on #F6F1F41.70:1—
Aa #DFC9D1 on #F6F1F41.40:1—
Aa #D9CADF on #F6F1F41.40:1—
Aa #CADECE on #9FC5AA1.35:1—
Aa #CADECE on #F6F1F41.27:1—
Aa #D9CADF on #9FC5AA1.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

More Very Light Green split-complementary palettes

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.