Dream Vapour Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dream Vapour (#CC99EE), each snapped to its nearest named color.
#CC99EE
#E5E999
#99EEAA
#A552E6
#F8F6DA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dream Vapour | #CC99EE | 204, 153, 238 | 276°, 71%, 77% | 14, 36, 0, 7 | |
| Orchid Hue | #E5E999 | 229, 233, 153 | 63°, 65%, 76% | 2, 0, 34, 9 | |
| Mint Tonic | #99EEAA | 153, 238, 170 | 132°, 71%, 77% | 36, 0, 29, 7 | |
| Lightish Purple | #A552E6 | 165, 82, 230 | 274°, 75%, 61% | 28, 64, 0, 10 | |
| Portal Entrance | #F8F6DA | 248, 246, 218 | 56°, 68%, 91% | 0, 1, 12, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A552E6 on #F8F6DA | 3.88:1 | AA large |
| Aa #E5E999 on #A552E6 | 3.32:1 | AA large |
| Aa #99EEAA on #A552E6 | 3.06:1 | AA large |
| Aa #CC99EE on #F8F6DA | 2.05:1 | — |
| Aa #CC99EE on #A552E6 | 1.89:1 | — |
| Aa #CC99EE on #E5E999 | 1.76:1 | — |
CSS variables
:root {
--color-1: #cc99ee; /* Dream Vapour */
--color-2: #e5e999; /* Orchid Hue */
--color-3: #99eeaa; /* Mint Tonic */
--color-4: #a552e6; /* Lightish Purple */
--color-5: #f8f6da; /* Portal Entrance */
}Other schemes from Dream Vapour
- Dream Vapour Complementary Color Scheme#CC99EE#F3E9F7#BBEE99#80E45F#F1FAEA
- Dream Vapour Analogous Color Scheme#93BDE7#A899E6#CC99EE#EE99EE#F19CBB
- Dream Vapour Triadic Color Scheme#CC99EE#EECC99#9BEEC1#F3E9F7#E3AB57
- Dream Vapour Tetradic Color Scheme#CC99EE#EFA498#BBEE99#99EEEE#F3E9F7
- Dream Vapour Monochromatic Color Scheme#8822CC#A552E6#CC99EE#EEDDFF#F3E9F7
More Light Purple split-complementary palettes
- Amethyst Split-complementary Color Scheme#9966CC#D5CE69#62C46C#7737AA#DCDF9D
- Bubblegum Baby Girl Split-complementary Color Scheme#CC55EE#D1F358#4CFF7B#B80CE3#D8F19C
- Dreamy Candy Forest Split-complementary Color Scheme#B195E4#E1D792#A3E493#8659C2#F4F0D2
- Enchanted Lavender Split-complementary Color Scheme#BFA3D9#D9D7A1#A0D9A3#9470C4#F0F0D9
- Enchanted Lilac Split-complementary Color Scheme#A893C1#C2BC90#96C193#9264A2#DEDBC4
- Fake Love Split-complementary Color Scheme#CC77EE#DAEA6F#7BE892#BF36E0#F0F5BB
- Flaming Flamingo Split-complementary Color Scheme#DD55FF#CDFA56#58F898#CD00FE#EEFFA9
- Flamingo Queen Split-complementary Color Scheme#CC33FF#C8FD3D#33EE66#B80CE3#C4FE82
- Fleur-De-Lis Split-complementary Color Scheme#B090C7#C8C48F#86C994#8D5EB7#DBE0C4
- Fog Syringa Split-complementary Color Scheme#C4BAD2#D3D1B9#BAD2B8#9F86B7#F2F0E8
- Illicit Purple Split-complementary Color Scheme#BF77F6#ECF474#64E986#9437FF#FDFCBF
- Lavender Split-complementary Color Scheme#B56EDC#C7DC68#77DD77#9632CE#E3EBAE
Questions
What colors go with Dream Vapour?
In a split-complementary scheme: Orchid Hue (#E5E999), Mint Tonic (#99EEAA), Lightish Purple (#A552E6), Portal Entrance (#F8F6DA).
What is the hex code of Dream Vapour?
#CC99EE.