Huebook

Tangled Web Triadic Color Scheme

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

#B2B2B2
#9FC09C
#9D9AC4
#EBDFDD
#72A86A

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Tangled Web#B2B2B2178, 178, 1780°, 0%, 70%0, 0, 0, 3076.4% 0.000 0
Spruce Stone#9FC09C159, 192, 156115°, 22%, 68%17, 0, 19, 2577.4% 0.062 143
Majestic Violet#9D9AC4157, 154, 196244°, 26%, 69%20, 21, 0, 2370.3% 0.061 288
White Beet#EBDFDD235, 223, 2219°, 26%, 89%0, 5, 6, 891.3% 0.013 29
Happy Cricket#72A86A114, 168, 106112°, 26%, 54%32, 0, 37, 3467.8% 0.106 141

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EBDFDD on #72A86A2.14:1—
Aa #9D9AC4 on #EBDFDD2.05:1—
Aa #B2B2B2 on #EBDFDD1.63:1—
Aa #9FC09C on #EBDFDD1.54:1—
Aa #9FC09C on #72A86A1.39:1—
Aa #9FC09C on #9D9AC41.34:1—

CSS variables

:root {
  --color-1: #b2b2b2; /* Tangled Web */
  --color-2: #9fc09c; /* Spruce Stone */
  --color-3: #9d9ac4; /* Majestic Violet */
  --color-4: #ebdfdd; /* White Beet */
  --color-5: #72a86a; /* Happy Cricket */
}

Other schemes from Tangled Web

More light gray triadic color schemes

Questions

What colors go with Tangled Web?

In a triadic scheme: Spruce Stone (#9FC09C), Majestic Violet (#9D9AC4), White Beet (#EBDFDD), Happy Cricket (#72A86A).

What is the hex code of Tangled Web?

#B2B2B2.