Dream Vapour Tetradic Color Scheme
Five colors arranged by the tetradic rule around Dream Vapour (#CC99EE), each snapped to its nearest named color.
#CC99EE
#EFA498
#BBEE99
#99EEEE
#F3E9F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dream Vapour | #CC99EE | 204, 153, 238 | 276°, 71%, 77% | 14, 36, 0, 7 | |
| Peach Tile | #EFA498 | 239, 164, 152 | 8°, 73%, 77% | 0, 31, 36, 6 | |
| Sweet Mint Pesto | #BBEE99 | 187, 238, 153 | 96°, 71%, 77% | 21, 0, 36, 7 | |
| Freezy Breezy | #99EEEE | 153, 238, 238 | 180°, 71%, 77% | 36, 0, 0, 7 | |
| Perfume Haze | #F3E9F7 | 243, 233, 247 | 283°, 47%, 94% | 2, 6, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC99EE on #F3E9F7 | 1.90:1 | — |
| Aa #EFA498 on #F3E9F7 | 1.71:1 | — |
| Aa #CC99EE on #99EEEE | 1.69:1 | — |
| Aa #CC99EE on #BBEE99 | 1.69:1 | — |
| Aa #EFA498 on #99EEEE | 1.52:1 | — |
| Aa #EFA498 on #BBEE99 | 1.51:1 | — |
CSS variables
:root {
--color-1: #cc99ee; /* Dream Vapour */
--color-2: #efa498; /* Peach Tile */
--color-3: #bbee99; /* Sweet Mint Pesto */
--color-4: #99eeee; /* Freezy Breezy */
--color-5: #f3e9f7; /* Perfume Haze */
}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 Split-complementary Color Scheme#CC99EE#E5E999#99EEAA#A552E6#F8F6DA
- Dream Vapour Monochromatic Color Scheme#8822CC#A552E6#CC99EE#EEDDFF#F3E9F7
More Light Purple tetradic palettes
- Amethyst Tetradic Color Scheme#9966CC#CC6666#93C96A#66CCCC#CCBBE3
- Bubblegum Baby Girl Tetradic Color Scheme#CC55EE#EE7C54#70F15E#4EC0ED#E9AEF2
- Dreamy Candy Forest Tetradic Color Scheme#B195E4#E78EA5#D4E092#9BE3D7#EEE9F9
- Enchanted Lavender Tetradic Color Scheme#BFA3D9#D9A6A1#B8D7A6#A1DAD7#F3E9F7
- Enchanted Lilac Tetradic Color Scheme#A893C1#C29594#AFC195#91C3BD#DBD5E6
- Fake Love Tetradic Color Scheme#CC77EE#EC9079#96F97B#7ED4E6#EECFFE
- Flaming Flamingo Tetradic Color Scheme#DD55FF#FF8855#66FF55#4CD5FF#F4BBFF
- Flamingo Queen Tetradic Color Scheme#CC33FF#FF6633#66FF22#37C4FA#EE99FF
- Fleur-De-Lis Tetradic Color Scheme#B090C7#C5988C#A3C893#91C1C6#E0D5E9
- Fog Syringa Tetradic Color Scheme#C4BAD2#D3B6BA#C8D5BB#B9D2D3#F3F1F3
- Illicit Purple Tetradic Color Scheme#BF77F6#FF7E79#A9F971#77EEEE#EEDDFF
- Lavender Tetradic Color Scheme#B56EDC#D77E70#9CD572#73CCD8#D5C7E8
Questions
What colors go with Dream Vapour?
In a tetradic scheme: Peach Tile (#EFA498), Sweet Mint Pesto (#BBEE99), Freezy Breezy (#99EEEE), Perfume Haze (#F3E9F7).
What is the hex code of Dream Vapour?
#CC99EE.