Sugar Chic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sugar Chic (#FFCCFF), each snapped to its nearest named color.
#FFCCFF
#EEFFCC
#CCFFEE
#FF80FF
#F6FFE8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar Chic | #FFCCFF | 255, 204, 255 | 300°, 100%, 90% | 0, 20, 0, 0 | |
| Snowdrop | #EEFFCC | 238, 255, 204 | 80°, 100%, 90% | 7, 0, 20, 0 | |
| Mint Coffee | #CCFFEE | 204, 255, 238 | 160°, 100%, 90% | 20, 0, 7, 0 | |
| Hottest of Pinks | #FF80FF | 255, 128, 255 | 300°, 100%, 75% | 0, 50, 0, 0 | |
| Milk Foam | #F6FFE8 | 246, 255, 232 | 83°, 100%, 95% | 4, 0, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF80FF on #F6FFE8 | 2.08:1 | — |
| Aa #EEFFCC on #FF80FF | 2.02:1 | — |
| Aa #CCFFEE on #FF80FF | 1.95:1 | — |
| Aa #FFCCFF on #FF80FF | 1.57:1 | — |
| Aa #FFCCFF on #F6FFE8 | 1.33:1 | — |
| Aa #FFCCFF on #EEFFCC | 1.29:1 | — |
CSS variables
:root {
--color-1: #ffccff; /* Sugar Chic */
--color-2: #eeffcc; /* Snowdrop */
--color-3: #ccffee; /* Mint Coffee */
--color-4: #ff80ff; /* Hottest of Pinks */
--color-5: #f6ffe8; /* Milk Foam */
}Other schemes from Sugar Chic
- Sugar Chic Complementary Color Scheme#FFCCFF#FFEBFE#CCFFCC#94FF94#E7FBEC
- Sugar Chic Analogous Color Scheme#CCCCFF#E4CBFF#FFCCFF#FBCCE7#FFCCCC
- Sugar Chic Triadic Color Scheme#FFCCFF#FFFFCC#CCFFFF#FFEBFE#FFFF81
- Sugar Chic Tetradic Color Scheme#FFCCFF#FEE5CB#CCFFCC#D4EAFF#FFEBFE
- Sugar Chic Monochromatic Color Scheme#FF33FF#FF80FF#FFCCFF#FFEBFE#FFEBFE
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 Sugar Chic?
In a split-complementary scheme: Snowdrop (#EEFFCC), Mint Coffee (#CCFFEE), Hottest of Pinks (#FF80FF), Milk Foam (#F6FFE8).
What is the hex code of Sugar Chic?
#FFCCFF.