Cloud Number Nine Analogous Color Scheme
Five colors arranged by the analogous rule around Cloud Number Nine (#F9CEC6), each snapped to its nearest named color.
#FEC9ED
#F5C8D8
#F9CEC6
#F8E8C5
#F0F7C4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rosy Maple Moth | #FEC9ED | 254, 201, 237 | 319°, 96%, 89% | 0, 21, 7, 0 | |
| Utterly Pink | #F5C8D8 | 245, 200, 216 | 339°, 69%, 87% | 0, 18, 12, 4 | |
| Cloud Number Nine | #F9CEC6 | 249, 206, 198 | 9°, 81%, 88% | 0, 17, 20, 2 | |
| Foundation | #F8E8C5 | 248, 232, 197 | 41°, 78%, 87% | 0, 6, 21, 3 | |
| Fresh Grown | #F0F7C4 | 240, 247, 196 | 68°, 76%, 87% | 3, 0, 21, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F5C8D8 on #F0F7C4 | 1.33:1 | — |
| Aa #F9CEC6 on #F0F7C4 | 1.28:1 | — |
| Aa #FEC9ED on #F0F7C4 | 1.27:1 | — |
| Aa #F5C8D8 on #F8E8C5 | 1.23:1 | — |
| Aa #F9CEC6 on #F8E8C5 | 1.18:1 | — |
| Aa #FEC9ED on #F8E8C5 | 1.17:1 | — |
CSS variables
:root {
--color-1: #fec9ed; /* Rosy Maple Moth */
--color-2: #f5c8d8; /* Utterly Pink */
--color-3: #f9cec6; /* Cloud Number Nine */
--color-4: #f8e8c5; /* Foundation */
--color-5: #f0f7c4; /* Fresh Grown */
}Other schemes from Cloud Number Nine
- Cloud Number Nine Complementary Color Scheme#F9CEC6#FFECE9#CBF4F8#88EEEE#E8F7FD
- Cloud Number Nine Triadic Color Scheme#F9CEC6#C8F3CD#D0C7FF#FFECE9#90EE90
- Cloud Number Nine Split-complementary Color Scheme#F9CEC6#C5F5E8#C8DAF5#F39081#EBFCF5
- Cloud Number Nine Tetradic Color Scheme#F9CEC6#DDF3C2#CBF4F8#E6C8FF#FFECE9
- Cloud Number Nine Monochromatic Color Scheme#E1583F#F39081#F9CEC6#FFECE9#FFECE9
More Very Light Red analogous palettes
- Abloom Analogous Color Scheme#EECCEE#F2CFE0#F1CBCD#F0DCCB#F2EFCD
- Angelic Wings Analogous Color Scheme#F5F0F1#F4EFEE#F4EFEE#F3F2ED#F5F4ED
- Angry Ghost Analogous Color Scheme#EEBBEE#ECBCD4#EEBBBB#F1D6BC#ECEBBD
- Apricot Haze Analogous Color Scheme#FFAAFF#FFA6D9#FFAAAA#FFD4A9#FFFFAA
- Ballet Analogous Color Scheme#F9D7EE#FAD6E5#F7D5D4#F8E7D4#F7F6D5
- Ballet Slippers Analogous Color Scheme#F1A7FE#FFA6D9#FCA2AD#FFC5A3#FFF0A4
- Berry Good Analogous Color Scheme#EEC3EE#EDC2DB#EDC3C5#EDD8C3#EDEEC5
- Bloodthirsty Beige Analogous Color Scheme#FFCFF1#FCD2DF#F8D7D0#F7EBD1#EFF5D1
- Blowing Kisses Analogous Color Scheme#F4DAF1#F1DFE9#F6DEE0#F6E8DE#F7F4DF
- Blush Kiss Analogous Color Scheme#EEBBEE#ECBCD4#EABCC0#E9CFBB#E9E8BB
- Blush Rush Analogous Color Scheme#EEBBEE#EEBFD5#F0BCBE#F1D6BC#F4EEBA
- Butterfly Kisses Analogous Color Scheme#EEDDEE#F0DCE3#F0DEDC#EFE8DC#EDF1DB
Questions
What colors go with Cloud Number Nine?
In a analogous scheme: Rosy Maple Moth (#FEC9ED), Utterly Pink (#F5C8D8), Foundation (#F8E8C5), Fresh Grown (#F0F7C4).
What is the hex code of Cloud Number Nine?
#F9CEC6.