Huebook

Forgotten Sandstone Complementary Color Scheme

Five colors arranged by the complementary rule around Forgotten Sandstone (#AFA696), each snapped to its nearest named color.

#AFA696
#DDD4C5
#8B9AB9
#5A789A
#C9D4E1

Color names and codes

NameHEXRGBHSLCMYK
Forgotten Sandstone#AFA696175, 166, 15038°, 14%, 64%0, 5, 14, 31
Urban Bird#DDD4C5221, 212, 19738°, 26%, 82%0, 4, 11, 13
Periwinkle Blossom#8B9AB9139, 154, 185220°, 25%, 64%25, 17, 0, 27
Quiet Harbour#5A789A90, 120, 154212°, 26%, 48%42, 22, 0, 40
Light Angora Blue#C9D4E1201, 212, 225212°, 29%, 84%11, 6, 0, 12

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DDD4C5 on #5A789A3.12:1AA large
Aa #5A789A on #C9D4E13.05:1AA large
Aa #DDD4C5 on #8B9AB91.93:1—
Aa #AFA696 on #5A789A1.90:1—
Aa #8B9AB9 on #C9D4E11.89:1—
Aa #AFA696 on #DDD4C51.64:1—

CSS variables

:root {
  --color-1: #afa696; /* Forgotten Sandstone */
  --color-2: #ddd4c5; /* Urban Bird */
  --color-3: #8b9ab9; /* Periwinkle Blossom */
  --color-4: #5a789a; /* Quiet Harbour */
  --color-5: #c9d4e1; /* Light Angora Blue */
}

Other schemes from Forgotten Sandstone

More Light Orange complementary palettes

Questions

What colors go with Forgotten Sandstone?

In a complementary scheme: Urban Bird (#DDD4C5), Periwinkle Blossom (#8B9AB9), Quiet Harbour (#5A789A), Light Angora Blue (#C9D4E1).

What is the hex code of Forgotten Sandstone?

#AFA696.