Sugar Chic Tetradic Color Scheme
Five colors arranged by the tetradic rule around Sugar Chic (#FFCCFF), each snapped to its nearest named color.
#FFCCFF
#FEE5CB
#CCFFCC
#D4EAFF
#FFEBFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar Chic | #FFCCFF | 255, 204, 255 | 300°, 100%, 90% | 0, 20, 0, 0 | |
| Sinner’s City | #FEE5CB | 254, 229, 203 | 31°, 96%, 90% | 0, 10, 20, 0 | |
| Distilled Moss | #CCFFCC | 204, 255, 204 | 120°, 100%, 90% | 20, 0, 20, 0 | |
| Veiling Waterfalls | #D4EAFF | 212, 234, 255 | 209°, 100%, 92% | 17, 8, 0, 0 | |
| Fairy Bubblegum Cloud | #FFEBFE | 255, 235, 254 | 303°, 100%, 96% | 0, 8, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFCCFF on #CCFFCC | 1.22:1 | — |
| Aa #FFCCFF on #FFEBFE | 1.21:1 | — |
| Aa #FFCCFF on #FEE5CB | 1.13:1 | — |
| Aa #FFCCFF on #D4EAFF | 1.11:1 | — |
| Aa #CCFFCC on #D4EAFF | 1.10:1 | — |
| Aa #D4EAFF on #FFEBFE | 1.09:1 | — |
CSS variables
:root {
--color-1: #ffccff; /* Sugar Chic */
--color-2: #fee5cb; /* Sinner’s City */
--color-3: #ccffcc; /* Distilled Moss */
--color-4: #d4eaff; /* Veiling Waterfalls */
--color-5: #ffebfe; /* Fairy Bubblegum Cloud */
}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 Split-complementary Color Scheme#FFCCFF#EEFFCC#CCFFEE#FF80FF#F6FFE8
- Sugar Chic Monochromatic Color Scheme#FF33FF#FF80FF#FFCCFF#FFEBFE#FFEBFE
More Very Light Pink tetradic palettes
- Antarctic Love Tetradic Color Scheme#EDDEE6#EEEDDF#DEEDE4#DCDFEF#F8EEF4
- Baby Pink Tetradic Color Scheme#FFB7CE#EEFFBB#B8FFEB#CCBBFF#FFE5ED
- Ballerina Tetradic Color Scheme#F2CFDC#EEF3D0#CEF2E4#CCCCEE#F8EAED
- Berries N’ Cream Tetradic Color Scheme#F2B8CA#E5EDB5#B0EEE2#C2B2F0#F8EAED
- Berry Butter Tetradic Color Scheme#EFCEDC#EEF0CE#CFEEE1#CCCCEE#F8EEF4
- Blackberry Yoghurt Tetradic Color Scheme#E5BDDF#E6D7BB#BDE1C4#BDC9E4#F8EEF4
- Bride Tetradic Color Scheme#EFE7EB#F0F0E7#E6F0EA#E6E6F1#F5F0F1
- Bubble Bath Tetradic Color Scheme#E8E0E9#EBE3DE#DFEBDD#DEE6EC#F6F1F4
- Bubblegum Crisis Tetradic Color Scheme#EECCEE#EEDDCC#CCEECC#CCDDEE#FCEBFA
- Bubblegum Heart Tetradic Color Scheme#FFBADF#FFFFBB#B8F8D8#BBBBFF#FFE6F1
- Bunny Tail Tetradic Color Scheme#FFE3F4#FFFCE3#E6FDF1#E5E5FA#FFE3F4
- Candy Bar Tetradic Color Scheme#FFB7D5#FFFFB6#B8FFEB#B8B8FF#FFE5EF
Questions
What colors go with Sugar Chic?
In a tetradic scheme: Sinner’s City (#FEE5CB), Distilled Moss (#CCFFCC), Veiling Waterfalls (#D4EAFF), Fairy Bubblegum Cloud (#FFEBFE).
What is the hex code of Sugar Chic?
#FFCCFF.