Tangled Web Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tangled Web (#B2B2B2), each snapped to its nearest named color.
#B2B2B2
#9FC8B2
#9EB2C3
#AB6F73
#D1E2D8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tangled Web | #B2B2B2 | 178, 178, 178 | 0°, 0%, 70% | 0, 0, 0, 30 | |
| Lobaria Lichen | #9FC8B2 | 159, 200, 178 | 148°, 27%, 70% | 21, 0, 11, 22 | |
| Perfect Landing | #9EB2C3 | 158, 178, 195 | 208°, 24%, 69% | 19, 9, 0, 24 | |
| Pomegranate Tea | #AB6F73 | 171, 111, 115 | 356°, 26%, 55% | 0, 35, 33, 33 | |
| Delicate Snow Goose | #D1E2D8 | 209, 226, 216 | 145°, 23%, 85% | 8, 0, 4, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AB6F73 on #D1E2D8 | 2.97:1 | — |
| Aa #9FC8B2 on #AB6F73 | 2.17:1 | — |
| Aa #B2B2B2 on #AB6F73 | 1.89:1 | — |
| Aa #9EB2C3 on #AB6F73 | 1.83:1 | — |
| Aa #9EB2C3 on #D1E2D8 | 1.62:1 | — |
| Aa #B2B2B2 on #D1E2D8 | 1.57:1 | — |
CSS variables
:root {
--color-1: #b2b2b2; /* Tangled Web */
--color-2: #9fc8b2; /* Lobaria Lichen */
--color-3: #9eb2c3; /* Perfect Landing */
--color-4: #ab6f73; /* Pomegranate Tea */
--color-5: #d1e2d8; /* Delicate Snow Goose */
}Other schemes from Tangled Web
- Tangled Web Complementary Color Scheme#B2B2B2#E8D8DA#9EC6C6#6BA5A9#DDEBED
- Tangled Web Analogous Color Scheme#C09DC8#C19FB3#B2B2B2#C5B29F#CAC69D
- Tangled Web Triadic Color Scheme#B2B2B2#9FC09C#9D9AC4#EBDFDD#72A86A
- Tangled Web Tetradic Color Scheme#B2B2B2#B3C39C#9EC6C6#AF9FCA#EBDFDD
- Tangled Web Monochromatic Color Scheme#666666#8D8D8D#B2B2B2#D7D8D9#F3F3F2
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Tangled Web?
In a split-complementary scheme: Lobaria Lichen (#9FC8B2), Perfect Landing (#9EB2C3), Pomegranate Tea (#AB6F73), Delicate Snow Goose (#D1E2D8).
What is the hex code of Tangled Web?
#B2B2B2.