Dream Vapour Triadic Color Scheme
Five colors arranged by the triadic rule around Dream Vapour (#CC99EE), each snapped to its nearest named color.
#CC99EE
#EECC99
#9BEEC1
#F3E9F7
#E3AB57
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dream Vapour | #CC99EE | 204, 153, 238 | 276°, 71%, 77% | 14, 36, 0, 7 | 76.1% 0.130 311 | |
| Hummus | #EECC99 | 238, 204, 153 | 36°, 71%, 77% | 0, 14, 36, 7 | 86.2% 0.076 78 | |
| Nightly Aurora | #9BEEC1 | 155, 238, 193 | 147°, 71%, 77% | 35, 0, 19, 7 | 88.4% 0.103 160 | |
| Perfume Haze | #F3E9F7 | 243, 233, 247 | 283°, 47%, 94% | 2, 6, 0, 3 | 94.6% 0.021 316 | |
| Sunray | #E3AB57 | 227, 171, 87 | 36°, 71%, 62% | 0, 25, 62, 11 | 77.7% 0.121 75 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC99EE on #F3E9F7 | 1.90:1 | — |
| Aa #F3E9F7 on #E3AB57 | 1.74:1 | — |
| Aa #CC99EE on #9BEEC1 | 1.64:1 | — |
| Aa #9BEEC1 on #E3AB57 | 1.50:1 | — |
| Aa #CC99EE on #EECC99 | 1.47:1 | — |
| Aa #EECC99 on #E3AB57 | 1.34:1 | — |
CSS variables
:root {
--color-1: #cc99ee; /* Dream Vapour */
--color-2: #eecc99; /* Hummus */
--color-3: #9beec1; /* Nightly Aurora */
--color-4: #f3e9f7; /* Perfume Haze */
--color-5: #e3ab57; /* Sunray */
}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 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 triadic color schemes
- Amethyst Triadic Color Scheme#9966CC#CF9C63#65CE95#CCBBE3#AC7435
- Bubblegum Baby Girl Triadic Color Scheme#CC55EE#EECC55#45E9C1#E9AEF2#E2B31B
- Dreamy Candy Forest Triadic Color Scheme#B195E4#E4B095#99E6B3#EEE9F9#D68755
- Enchanted Lavender Triadic Color Scheme#BFA3D9#DABFA4#A2D4BD#F3E9F7#C19A6C
- Enchanted Lilac Triadic Color Scheme#A893C1#C1AA91#8DC2A8#DBD5E6#A38061
- Fake Love Triadic Color Scheme#CC77EE#EECC77#7EF4CC#EECFFE#E3B130
- Flaming Flamingo Triadic Color Scheme#DD55FF#FFDD55#4EFFCD#F4BBFF#FFCF09
- Flamingo Queen Triadic Color Scheme#CC33FF#FFCC33#32FFDC#EE99FF#E1AD01
- Fleur-De-Lis Triadic Color Scheme#B090C7#C5AF91#90C4B4#E0D5E9#AE8C5C
- Fog Syringa Triadic Color Scheme#C4BAD2#D6C3B9#B6D3C5#F3F1F3#BA9E88
- Illicit Purple Triadic Color Scheme#BF77F6#F4BF77#77EEBB#EEDDFF#EE9933
- Lavender Triadic Color Scheme#B56EDC#DAB46F#71DCB8#D5C7E8#CF9632
Questions
What colors go with Dream Vapour?
In a triadic scheme: Hummus (#EECC99), Nightly Aurora (#9BEEC1), Perfume Haze (#F3E9F7), Sunray (#E3AB57).
What is the hex code of Dream Vapour?
#CC99EE.