Powder Puff Complementary Color Scheme
Five colors arranged by the complementary rule around Powder Puff (#FFEFF3), each snapped to its nearest named color.
#FFEFF3
#FFE5ED
#E7FAFA
#AAFFEE
#E7FAFA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Powder Puff | #FFEFF3 | 255, 239, 243 | 345°, 100%, 97% | 0, 6, 5, 0 | |
| Early Blossom | #FFE5ED | 255, 229, 237 | 342°, 100%, 95% | 0, 10, 7, 0 | |
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 | |
| Blister Pearl | #AAFFEE | 170, 255, 238 | 168°, 100%, 83% | 33, 0, 7, 0 | |
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFE5ED on #E7FAFA | 1.10:1 | — |
| Aa #FFE5ED on #E7FAFA | 1.10:1 | — |
| Aa #FFEFF3 on #FFE5ED | 1.07:1 | — |
| Aa #E7FAFA on #AAFFEE | 1.07:1 | — |
| Aa #AAFFEE on #E7FAFA | 1.07:1 | — |
| Aa #FFEFF3 on #AAFFEE | 1.04:1 | — |
CSS variables
:root {
--color-1: #ffeff3; /* Powder Puff */
--color-2: #ffe5ed; /* Early Blossom */
--color-3: #e7fafa; /* Calm Waters */
--color-4: #aaffee; /* Blister Pearl */
--color-5: #e7fafa; /* Calm Waters */
}Other schemes from Powder Puff
- Powder Puff Analogous Color Scheme#F8EBFC#FEE8F5#FFEFF3#FFECE5#FFF9E4
- Powder Puff Triadic Color Scheme#FFEFF3#F1FDE9#E8EEFE#FFE5ED#B2FBA5
- Powder Puff Split-complementary Color Scheme#FFEFF3#E7FBEC#E8F7FD#FEA7BD#E7FBEC
- Powder Puff Tetradic Color Scheme#FFEFF3#F6FFE8#E7FAFA#E6E6FA#FFE5ED
- Powder Puff Monochromatic Color Scheme#FB5581#FEA7BD#FFEFF3#FFE5ED#FFE5ED
More Very Light Red complementary palettes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Powder Puff?
In a complementary scheme: Early Blossom (#FFE5ED), Calm Waters (#E7FAFA), Blister Pearl (#AAFFEE), Calm Waters (#E7FAFA).
What is the hex code of Powder Puff?
#FFEFF3.