Puff of Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Puff of Pink (#FFCBEE), each snapped to its nearest named color.
#FFCBEE
#CCFFCC
#C9FFFA
#FF6EC7
#F1FDE9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Puff of Pink | #FFCBEE | 255, 203, 238 | 320°, 100%, 90% | 0, 20, 7, 0 | |
| Distilled Moss | #CCFFCC | 204, 255, 204 | 120°, 100%, 90% | 20, 0, 20, 0 | |
| Arabian Veil | #C9FFFA | 201, 255, 250 | 174°, 100%, 89% | 21, 0, 2, 0 | |
| Nervous Neon Pink | #FF6EC7 | 255, 110, 199 | 323°, 100%, 72% | 0, 57, 22, 0 | |
| Crème de Menthe | #F1FDE9 | 241, 253, 233 | 96°, 83%, 95% | 5, 0, 8, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF6EC7 on #F1FDE9 | 2.40:1 | — |
| Aa #C9FFFA on #FF6EC7 | 2.31:1 | — |
| Aa #CCFFCC on #FF6EC7 | 2.26:1 | — |
| Aa #FFCBEE on #FF6EC7 | 1.81:1 | — |
| Aa #FFCBEE on #F1FDE9 | 1.33:1 | — |
| Aa #FFCBEE on #C9FFFA | 1.28:1 | — |
CSS variables
:root {
--color-1: #ffcbee; /* Puff of Pink */
--color-2: #ccffcc; /* Distilled Moss */
--color-3: #c9fffa; /* Arabian Veil */
--color-4: #ff6ec7; /* Nervous Neon Pink */
--color-5: #f1fde9; /* Crème de Menthe */
}Other schemes from Puff of Pink
- Puff of Pink Complementary Color Scheme#FFCBEE#FFE3F4#CCFFDD#76FDA8#E6FDF1
- Puff of Pink Analogous Color Scheme#DCD0FF#F6CEFC#FFCBEE#FFC9D3#FFDCCC
- Puff of Pink Triadic Color Scheme#FFCBEE#EEFFCC#C7F1FF#FFE3F4#D4FB79
- Puff of Pink Tetradic Color Scheme#FFCBEE#FDF5CA#CCFFDD#CCD5FF#FFE3F4
- Puff of Pink Monochromatic Color Scheme#E936A7#FF6EC7#FFCBEE#FFE3F4#FFE3F4
More Very Light Pink split-complementary palettes
- Antarctic Love Split-complementary Color Scheme#EDDEE6#DDEEDD#DEEEED#CCACC1#EFF5F1
- Baby Pink Split-complementary Color Scheme#FFB7CE#BDFFCA#B9F2FF#FD6C9E#E7FBEC
- Ballerina Split-complementary Color Scheme#F2CFDC#C9F0D1#D0EFF3#E290B2#EBFCEC
- Berries N’ Cream Split-complementary Color Scheme#F2B8CA#B8EBC5#B8E4F5#EE7799#E7FBEC
- Berry Butter Split-complementary Color Scheme#EFCEDC#CAEDD0#CEEEEF#DD95B4#EBF8EF
- Blackberry Yoghurt Split-complementary Color Scheme#E5BDDF#C8E4B9#BFE4D4#C290C5#F2F8ED
- Bride Split-complementary Color Scheme#EFE7EB#E7F1E6#E6F1F1#D3B8C5#EFF5F1
- Bubble Bath Split-complementary Color Scheme#E8E0E9#E4ECDF#DDEBE3#C9AFD0#F4F4F0
- Bubblegum Crisis Split-complementary Color Scheme#EECCEE#DDEECC#D1EFDD#CC99DD#F1F9EC
- Bubblegum Heart Split-complementary Color Scheme#FFBADF#BEFDB7#BBFFFF#FF6CB5#E7FBEC
- Bunny Tail Split-complementary Color Scheme#FFE3F4#E1F8E7#E0FEFE#FF99DD#EBFCEC
- Candy Bar Split-complementary Color Scheme#FFB7D5#B6FFBB#B2FCFF#FF69AF#E7FBEC
Questions
What colors go with Puff of Pink?
In a split-complementary scheme: Distilled Moss (#CCFFCC), Arabian Veil (#C9FFFA), Nervous Neon Pink (#FF6EC7), Crème de Menthe (#F1FDE9).
What is the hex code of Puff of Pink?
#FFCBEE.