Huebook

Tangled Web Tetradic Color Scheme

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

#B2B2B2
#B3C39C
#9EC6C6
#AF9FCA
#EBDFDD

Color names and codes

NameHEXRGBHSLCMYK
Tangled Web#B2B2B2178, 178, 1780°, 0%, 70%0, 0, 0, 30
Green Eggs & Cam#B3C39C179, 195, 15685°, 25%, 69%8, 0, 20, 24
Raindrop#9EC6C6158, 198, 198180°, 26%, 70%20, 0, 0, 22
Purple Rose#AF9FCA175, 159, 202262°, 29%, 71%13, 21, 0, 21
White Beet#EBDFDD235, 223, 2219°, 26%, 89%0, 5, 6, 8

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AF9FCA on #EBDFDD1.87:1—
Aa #B2B2B2 on #EBDFDD1.63:1—
Aa #B3C39C on #EBDFDD1.44:1—
Aa #9EC6C6 on #EBDFDD1.42:1—
Aa #9EC6C6 on #AF9FCA1.31:1—
Aa #B3C39C on #AF9FCA1.30:1—

CSS variables

:root {
  --color-1: #b2b2b2; /* Tangled Web */
  --color-2: #b3c39c; /* Green Eggs & Cam */
  --color-3: #9ec6c6; /* Raindrop */
  --color-4: #af9fca; /* Purple Rose */
  --color-5: #ebdfdd; /* White Beet */
}

Other schemes from Tangled Web

More Light Gray tetradic palettes

Questions

What colors go with Tangled Web?

In a tetradic scheme: Green Eggs & Cam (#B3C39C), Raindrop (#9EC6C6), Purple Rose (#AF9FCA), White Beet (#EBDFDD).

What is the hex code of Tangled Web?

#B2B2B2.