Huebook

Tangled Web Complementary Color Scheme

Five colors arranged by the complementary rule around Tangled Web (#B2B2B2), each snapped to its nearest named color.

#B2B2B2
#E8D8DA
#9EC6C6
#6BA5A9
#DDEBED

Color names and codes

NameHEXRGBHSLCMYK
Tangled Web#B2B2B2178, 178, 1780°, 0%, 70%0, 0, 0, 30
Diminished Red#E8D8DA232, 216, 218353°, 26%, 88%0, 7, 6, 9
Raindrop#9EC6C6158, 198, 198180°, 26%, 70%20, 0, 0, 22
Fairstar#6BA5A9107, 165, 169184°, 26%, 54%37, 2, 0, 34
Blue Flax#DDEBED221, 235, 237188°, 31%, 90%7, 1, 0, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #6BA5A9 on #DDEBED2.27:1—
Aa #E8D8DA on #6BA5A92.01:1—
Aa #B2B2B2 on #DDEBED1.73:1—
Aa #B2B2B2 on #E8D8DA1.54:1—
Aa #9EC6C6 on #DDEBED1.51:1—
Aa #9EC6C6 on #6BA5A91.50:1—

CSS variables

:root {
  --color-1: #b2b2b2; /* Tangled Web */
  --color-2: #e8d8da; /* Diminished Red */
  --color-3: #9ec6c6; /* Raindrop */
  --color-4: #6ba5a9; /* Fairstar */
  --color-5: #ddebed; /* Blue Flax */
}

Other schemes from Tangled Web

More Light Gray complementary palettes

Questions

What colors go with Tangled Web?

In a complementary scheme: Diminished Red (#E8D8DA), Raindrop (#9EC6C6), Fairstar (#6BA5A9), Blue Flax (#DDEBED).

What is the hex code of Tangled Web?

#B2B2B2.