Dream Vapour Complementary Color Scheme
Five colors arranged by the complementary rule around Dream Vapour (#CC99EE), each snapped to its nearest named color.
#CC99EE
#F3E9F7
#BBEE99
#80E45F
#F1FAEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dream Vapour | #CC99EE | 204, 153, 238 | 276°, 71%, 77% | 14, 36, 0, 7 | |
| Perfume Haze | #F3E9F7 | 243, 233, 247 | 283°, 47%, 94% | 2, 6, 0, 3 | |
| Sweet Mint Pesto | #BBEE99 | 187, 238, 153 | 96°, 71%, 77% | 21, 0, 36, 7 | |
| Amazon Parrot | #80E45F | 128, 228, 95 | 105°, 71%, 63% | 44, 0, 58, 11 | |
| White Sulphur | #F1FAEA | 241, 250, 234 | 94°, 62%, 95% | 4, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC99EE on #F1FAEA | 2.09:1 | — |
| Aa #CC99EE on #F3E9F7 | 1.90:1 | — |
| Aa #CC99EE on #BBEE99 | 1.69:1 | — |
| Aa #80E45F on #F1FAEA | 1.49:1 | — |
| Aa #CC99EE on #80E45F | 1.41:1 | — |
| Aa #F3E9F7 on #80E45F | 1.35:1 | — |
CSS variables
:root {
--color-1: #cc99ee; /* Dream Vapour */
--color-2: #f3e9f7; /* Perfume Haze */
--color-3: #bbee99; /* Sweet Mint Pesto */
--color-4: #80e45f; /* Amazon Parrot */
--color-5: #f1faea; /* White Sulphur */
}Other schemes from Dream Vapour
- Dream Vapour Analogous Color Scheme#93BDE7#A899E6#CC99EE#EE99EE#F19CBB
- Dream Vapour Triadic Color Scheme#CC99EE#EECC99#9BEEC1#F3E9F7#E3AB57
- Dream Vapour Split-complementary Color Scheme#CC99EE#E5E999#99EEAA#A552E6#F8F6DA
- Dream Vapour Tetradic Color Scheme#CC99EE#EFA498#BBEE99#99EEEE#F3E9F7
- Dream Vapour Monochromatic Color Scheme#8822CC#A552E6#CC99EE#EEDDFF#F3E9F7
More Light Purple complementary palettes
- Amethyst Complementary Color Scheme#9966CC#C2B2F0#93C96A#77AD3B#CAE4B2
- Bubblegum Baby Girl Complementary Color Scheme#CC55EE#E9AEF2#70F15E#4BEC13#C7FDB5
- Dreamy Candy Forest Complementary Color Scheme#B195E4#E6DEF0#D4E092#ABD35D#F3F9E9
- Enchanted Lavender Complementary Color Scheme#BFA3D9#F0E5F5#B8D7A6#93C572#F1F8EC
- Enchanted Lilac Complementary Color Scheme#A893C1#D5CDE3#AFC195#8CA468#DEE7D4
- Fake Love Complementary Color Scheme#CC77EE#E8CEF6#96F97B#68E52F#DBF4D8
- Flaming Flamingo Complementary Color Scheme#DD55FF#F8B3FF#66FF55#3FFF00#CFFDBC
- Flamingo Queen Complementary Color Scheme#CC33FF#EE88FF#66FF22#33EE00#B1FC99
- Fleur-De-Lis Complementary Color Scheme#B090C7#D9CDE5#A3C893#75AD5B#DBE9D5
- Fog Syringa Complementary Color Scheme#C4BAD2#F3F1F3#C8D5BB#A4BA8A#F4F4F0
- Illicit Purple Complementary Color Scheme#BF77F6#E4CBFF#A9F971#88EE22#E9FFDB
- Lavender Complementary Color Scheme#B56EDC#DEBEEF#9CD572#6ECB3C#D0F0C0
Questions
What colors go with Dream Vapour?
In a complementary scheme: Perfume Haze (#F3E9F7), Sweet Mint Pesto (#BBEE99), Amazon Parrot (#80E45F), White Sulphur (#F1FAEA).
What is the hex code of Dream Vapour?
#CC99EE.