Powder Puff Triadic Color Scheme
Five colors arranged by the triadic rule around Powder Puff (#FFEFF3), each snapped to its nearest named color.
#FFEFF3
#F1FDE9
#E8EEFE
#FFE5ED
#B2FBA5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Powder Puff | #FFEFF3 | 255, 239, 243 | 345°, 100%, 97% | 0, 6, 5, 0 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 | |
| Brilliant White | #E8EEFE | 232, 238, 254 | 224°, 92%, 95% | 9, 6, 0, 0 | |
| Early Blossom | #FFE5ED | 255, 229, 237 | 342°, 100%, 95% | 0, 10, 7, 0 | |
| Light Pastel Green | #B2FBA5 | 178, 251, 165 | 111°, 91%, 82% | 29, 0, 34, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1FDE9 on #B2FBA5 | 1.16:1 | — |
| Aa #F1FDE9 on #FFE5ED | 1.13:1 | — |
| Aa #F1FDE9 on #E8EEFE | 1.10:1 | — |
| Aa #FFEFF3 on #B2FBA5 | 1.10:1 | — |
| Aa #FFEFF3 on #FFE5ED | 1.07:1 | — |
| Aa #FFEFF3 on #F1FDE9 | 1.06:1 | — |
CSS variables
:root {
--color-1: #ffeff3; /* Powder Puff */
--color-2: #f1fde9; /* Crème de Menthe */
--color-3: #e8eefe; /* Brilliant White */
--color-4: #ffe5ed; /* Early Blossom */
--color-5: #b2fba5; /* Light Pastel Green */
}Other schemes from Powder Puff
- Powder Puff Complementary Color Scheme#FFEFF3#FFE5ED#E7FAFA#AAFFEE#E7FAFA
- Powder Puff Analogous Color Scheme#F8EBFC#FEE8F5#FFEFF3#FFECE5#FFF9E4
- 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 triadic palettes
- Abloom Triadic Color Scheme#F1CBCD#CEF0CC#CCCCEE#F9EAEB#94E089
- Angelic Wings Triadic Color Scheme#F4EFEE#EFF5F1#EBEEF3#F4EFEE#BDD8C0
- Angry Ghost Triadic Color Scheme#EEBBBB#BBE6BB#BCBDE4#F9EAEB#77DD77
- Apricot Haze Triadic Color Scheme#FFAAAA#AAFFAA#AAAAFF#FFE6E4#53FE5C
- Ballet Triadic Color Scheme#F7D5D4#D8F3D7#D2D8F4#F9EAEA#90EE90
- Ballet Slippers Triadic Color Scheme#FCA2AD#B2FBA5#AAAAFF#FDE6E7#66FF55
- Berry Good Triadic Color Scheme#EDC3C5#C1EFC6#C4C0E9#F9EAEB#98D98E
- Bloodthirsty Beige Triadic Color Scheme#F8D7D0#D2F4DD#DCD0FF#FCEBEB#90EE90
- Blowing Kisses Triadic Color Scheme#F6DEE0#E1F2DF#D8E1F1#F9EAEB#A8E4A0
- Blush Kiss Triadic Color Scheme#EABCC0#C2ECBC#B7C0EA#F8EAED#8CCE86
- Blush Rush Triadic Color Scheme#F0BCBE#B8F8B8#B8B8F8#F9EAEB#8DE07C
- Butterfly Kisses Triadic Color Scheme#F0DEDC#DEF1DD#DDDCEF#F6EEED#A5D7B2
Questions
What colors go with Powder Puff?
In a triadic scheme: Crème de Menthe (#F1FDE9), Brilliant White (#E8EEFE), Early Blossom (#FFE5ED), Light Pastel Green (#B2FBA5).
What is the hex code of Powder Puff?
#FFEFF3.