Wisteria Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wisteria Blue (#84A2D4), each snapped to its nearest named color.
#84A2D4
#D68B80
#CCCF82
#417DC1
#E8C3BE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wisteria Blue | #84A2D4 | 132, 162, 212 | 218°, 48%, 67% | 38, 24, 0, 17 | |
| My Pink | #D68B80 | 214, 139, 128 | 8°, 51%, 67% | 0, 35, 40, 16 | |
| Deco | #CCCF82 | 204, 207, 130 | 62°, 45%, 66% | 1, 0, 37, 19 | |
| Tufts Blue | #417DC1 | 65, 125, 193 | 212°, 51%, 51% | 66, 35, 0, 24 | |
| Congo | #E8C3BE | 232, 195, 190 | 7°, 48%, 83% | 0, 16, 18, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #417DC1 on #E8C3BE | 2.63:1 | — |
| Aa #CCCF82 on #417DC1 | 2.60:1 | — |
| Aa #D68B80 on #E8C3BE | 1.65:1 | — |
| Aa #84A2D4 on #417DC1 | 1.64:1 | — |
| Aa #D68B80 on #CCCF82 | 1.63:1 | — |
| Aa #84A2D4 on #E8C3BE | 1.60:1 | — |
CSS variables
:root {
--color-1: #84a2d4; /* Wisteria Blue */
--color-2: #d68b80; /* My Pink */
--color-3: #cccf82; /* Deco */
--color-4: #417dc1; /* Tufts Blue */
--color-5: #e8c3be; /* Congo */
}Other schemes from Wisteria Blue
- Wisteria Blue Complementary Color Scheme#84A2D4#C6D5EA#D3B683#C39449#EEE4D1
- Wisteria Blue Analogous Color Scheme#89D1B5#85C8D3#84A2D4#8A83DA#B790D4
- Wisteria Blue Triadic Color Scheme#84A2D4#D182A0#A5D785#D2DAED#C54673
- Wisteria Blue Tetradic Color Scheme#84A2D4#C687D6#D3B683#8CCE86#D2DAED
- Wisteria Blue Monochromatic Color Scheme#33578A#417DC1#84A2D4#BDCFEA#EDF2F8
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Wisteria Blue?
In a split-complementary scheme: My Pink (#D68B80), Deco (#CCCF82), Tufts Blue (#417DC1), Congo (#E8C3BE).
What is the hex code of Wisteria Blue?
#84A2D4.