Sugarwinkle Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sugarwinkle (#FDC5E3), each snapped to its nearest named color.
#FDC5E3
#CCFFC2
#C9FFFA
#F77FBE
#E7FBEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugarwinkle | #FDC5E3 | 253, 197, 227 | 328°, 93%, 88% | 0, 22, 10, 1 | |
| Frosted Mint Hills | #CCFFC2 | 204, 255, 194 | 110°, 100%, 88% | 20, 0, 24, 0 | |
| Arabian Veil | #C9FFFA | 201, 255, 250 | 174°, 100%, 89% | 21, 0, 2, 0 | |
| Persian Pink | #F77FBE | 247, 127, 190 | 329°, 88%, 73% | 0, 49, 23, 3 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F77FBE on #E7FBEC | 2.22:1 | — |
| Aa #C9FFFA on #F77FBE | 2.19:1 | — |
| Aa #CCFFC2 on #F77FBE | 2.14:1 | — |
| Aa #FDC5E3 on #F77FBE | 1.63:1 | — |
| Aa #FDC5E3 on #E7FBEC | 1.36:1 | — |
| Aa #FDC5E3 on #C9FFFA | 1.34:1 | — |
CSS variables
:root {
--color-1: #fdc5e3; /* Sugarwinkle */
--color-2: #ccffc2; /* Frosted Mint Hills */
--color-3: #c9fffa; /* Arabian Veil */
--color-4: #f77fbe; /* Persian Pink */
--color-5: #e7fbec; /* Winter Mist */
}Other schemes from Sugarwinkle
- Sugarwinkle Complementary Color Scheme#FDC5E3#FFE6F1#CCFFDD#7EFBB3#E6FDF1
- Sugarwinkle Analogous Color Scheme#DFC5FE#FFCCFF#FDC5E3#FDC3C6#FEDDC5
- Sugarwinkle Triadic Color Scheme#FDC5E3#EAF7C9#C6E3F7#FFE6F1#BEFD73
- Sugarwinkle Tetradic Color Scheme#FDC5E3#FFFCC4#CCFFDD#C1C6FC#FFE6F1
- Sugarwinkle Monochromatic Color Scheme#FF3399#F77FBE#FDC5E3#FFE6F1#FFE6F1
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 Sugarwinkle?
In a split-complementary scheme: Frosted Mint Hills (#CCFFC2), Arabian Veil (#C9FFFA), Persian Pink (#F77FBE), Winter Mist (#E7FBEC).
What is the hex code of Sugarwinkle?
#FDC5E3.