Wisteria Blue Complementary Color Scheme
Five colors arranged by the complementary rule around Wisteria Blue (#84A2D4), each snapped to its nearest named color.
#84A2D4
#C6D5EA
#D3B683
#C39449
#EEE4D1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wisteria Blue | #84A2D4 | 132, 162, 212 | 218°, 48%, 67% | 38, 24, 0, 17 | |
| Light Radar | #C6D5EA | 198, 213, 234 | 215°, 46%, 85% | 15, 9, 0, 8 | |
| Clumsy Caramel | #D3B683 | 211, 182, 131 | 38°, 48%, 67% | 0, 14, 38, 17 | |
| Narcissus | #C39449 | 195, 148, 73 | 37°, 50%, 53% | 0, 24, 63, 24 | |
| Tawny Daylily | #EEE4D1 | 238, 228, 209 | 39°, 46%, 88% | 0, 4, 12, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C39449 on #EEE4D1 | 2.18:1 | — |
| Aa #84A2D4 on #EEE4D1 | 2.06:1 | — |
| Aa #C6D5EA on #C39449 | 1.84:1 | — |
| Aa #84A2D4 on #C6D5EA | 1.74:1 | — |
| Aa #D3B683 on #EEE4D1 | 1.54:1 | — |
| Aa #D3B683 on #C39449 | 1.41:1 | — |
CSS variables
:root {
--color-1: #84a2d4; /* Wisteria Blue */
--color-2: #c6d5ea; /* Light Radar */
--color-3: #d3b683; /* Clumsy Caramel */
--color-4: #c39449; /* Narcissus */
--color-5: #eee4d1; /* Tawny Daylily */
}Other schemes from Wisteria Blue
- Wisteria Blue Analogous Color Scheme#89D1B5#85C8D3#84A2D4#8A83DA#B790D4
- Wisteria Blue Triadic Color Scheme#84A2D4#D182A0#A5D785#D2DAED#C54673
- Wisteria Blue Split-complementary Color Scheme#84A2D4#D68B80#CCCF82#417DC1#E8C3BE
- Wisteria Blue Tetradic Color Scheme#84A2D4#C687D6#D3B683#8CCE86#D2DAED
- Wisteria Blue Monochromatic Color Scheme#33578A#417DC1#84A2D4#BDCFEA#EDF2F8
More Light Blue complementary palettes
- Acapulco Dive Complementary Color Scheme#65A7DD#ABD0EA#DD9966#C56F2B#EDD2B7
- Adrift on the Nile Complementary Color Scheme#93B8E3#DBE9F4#E6BF95#D19957#F9EFE4
- Airborne Complementary Color Scheme#A2C2D0#DFEBEE#CEADA3#B8866E#F2EBE6
- Arcane Brew Complementary Color Scheme#5260E1#A3B1F2#E2CD52#C0AD28#EEE8AA
- Arctic Ice Complementary Color Scheme#B6BDD0#EBEEF3#D2CBB4#B8A983#F6F4EF
- Azureno Complementary Color Scheme#8FA0D5#D2DAED#D3C190#C0A85A#F1EBD9
- Below Zero Complementary Color Scheme#87CDED#D5EDFB#EDAA86#E27945#FBE8E0
- Birdie Num Num Complementary Color Scheme#89ACDA#CFDFEF#DCB68A#CC9350#F1E6D6
- Blank Stare Complementary Color Scheme#8B9CAC#BECBD7#B49C83#927558#D9CDC3
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
Questions
What colors go with Wisteria Blue?
In a complementary scheme: Light Radar (#C6D5EA), Clumsy Caramel (#D3B683), Narcissus (#C39449), Tawny Daylily (#EEE4D1).
What is the hex code of Wisteria Blue?
#84A2D4.