Creamy Cloud Dreams Complementary Color Scheme
Five colors arranged by the complementary rule around Creamy Cloud Dreams (#FFF5E0), each snapped to its nearest named color.
#FFF5E0
#FFF8E4
#E0EBFA
#99BBFF
#E8EEFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Creamy Cloud Dreams | #FFF5E0 | 255, 245, 224 | 41°, 100%, 94% | 0, 4, 12, 0 | |
| Sweet Frosting | #FFF8E4 | 255, 248, 228 | 44°, 100%, 95% | 0, 3, 11, 0 | |
| Husky | #E0EBFA | 224, 235, 250 | 215°, 72%, 93% | 10, 6, 0, 2 | |
| Truesky Gloxym | #99BBFF | 153, 187, 255 | 220°, 100%, 80% | 40, 27, 0, 0 | |
| Brilliant White | #E8EEFE | 232, 238, 254 | 224°, 92%, 95% | 9, 6, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF8E4 on #99BBFF | 1.82:1 | — |
| Aa #FFF5E0 on #99BBFF | 1.78:1 | — |
| Aa #99BBFF on #E8EEFE | 1.66:1 | — |
| Aa #E0EBFA on #99BBFF | 1.60:1 | — |
| Aa #FFF8E4 on #E0EBFA | 1.14:1 | — |
| Aa #FFF5E0 on #E0EBFA | 1.11:1 | — |
CSS variables
:root {
--color-1: #fff5e0; /* Creamy Cloud Dreams */
--color-2: #fff8e4; /* Sweet Frosting */
--color-3: #e0ebfa; /* Husky */
--color-4: #99bbff; /* Truesky Gloxym */
--color-5: #e8eefe; /* Brilliant White */
}Other schemes from Creamy Cloud Dreams
- Creamy Cloud Dreams Analogous Color Scheme#FBE0E8#FFE6E2#FFF5E0#FEFEE0#EBF7E4
- Creamy Cloud Dreams Triadic Color Scheme#FFF5E0#E6FDF1#F6E5F6#FFF8E4#99FFDD
- Creamy Cloud Dreams Split-complementary Color Scheme#FFF5E0#E0FEFE#E0E0FF#FFDD93#E8F7FD
- Creamy Cloud Dreams Tetradic Color Scheme#FFF5E0#E1F8E7#E0EBFA#FFE0F5#FFF8E4
- Creamy Cloud Dreams Monochromatic Color Scheme#FFC14B#FFDD93#FFF5E0#FFF8E4#FFF8E4
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Creamy Cloud Dreams?
In a complementary scheme: Sweet Frosting (#FFF8E4), Husky (#E0EBFA), Truesky Gloxym (#99BBFF), Brilliant White (#E8EEFE).
What is the hex code of Creamy Cloud Dreams?
#FFF5E0.