Sugar Chic Triadic Color Scheme
Five colors arranged by the triadic rule around Sugar Chic (#FFCCFF), each snapped to its nearest named color.
#FFCCFF
#FFFFCC
#CCFFFF
#FFEBFE
#FFFF81
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar Chic | #FFCCFF | 255, 204, 255 | 300°, 100%, 90% | 0, 20, 0, 0 | |
| Conditioner | #FFFFCC | 255, 255, 204 | 60°, 100%, 90% | 0, 0, 20, 0 | |
| Dawn Departs | #CCFFFF | 204, 255, 255 | 180°, 100%, 90% | 20, 0, 0, 0 | |
| Fairy Bubblegum Cloud | #FFEBFE | 255, 235, 254 | 303°, 100%, 96% | 0, 8, 0, 0 | |
| Butter | #FFFF81 | 255, 255, 129 | 60°, 100%, 75% | 0, 0, 49, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFCCFF on #FFFFCC | 1.33:1 | — |
| Aa #FFCCFF on #FFFF81 | 1.30:1 | — |
| Aa #FFCCFF on #CCFFFF | 1.26:1 | — |
| Aa #FFCCFF on #FFEBFE | 1.21:1 | — |
| Aa #FFFFCC on #FFEBFE | 1.10:1 | — |
| Aa #FFEBFE on #FFFF81 | 1.07:1 | — |
CSS variables
:root {
--color-1: #ffccff; /* Sugar Chic */
--color-2: #ffffcc; /* Conditioner */
--color-3: #ccffff; /* Dawn Departs */
--color-4: #ffebfe; /* Fairy Bubblegum Cloud */
--color-5: #ffff81; /* Butter */
}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 Split-complementary Color Scheme#FFCCFF#EEFFCC#CCFFEE#FF80FF#F6FFE8
- Sugar Chic Tetradic Color Scheme#FFCCFF#FEE5CB#CCFFCC#D4EAFF#FFEBFE
- Sugar Chic Monochromatic Color Scheme#FF33FF#FF80FF#FFCCFF#FFEBFE#FFEBFE
More Very Light Pink triadic palettes
- Antarctic Love Triadic Color Scheme#EDDEE6#E7EDDD#DEE6EC#F8EEF4#C0D2AD
- Baby Pink Triadic Color Scheme#FFB7CE#CFFDBC#B1D1FC#FFE5ED#9AF764
- Ballerina Triadic Color Scheme#F2CFDC#DAEFCE#D2DEF2#F8EAED#B2E191
- Berries N’ Cream Triadic Color Scheme#F2B8CA#CCEEBB#BBCFEF#F8EAED#9AE37D
- Berry Butter Triadic Color Scheme#EFCEDC#DAEFCE#CDDCED#F8EEF4#ABDF8F
- Blackberry Yoghurt Triadic Color Scheme#E5BDDF#DFE5BF#BBDEE5#F8EEF4#C4CD87
- Bride Triadic Color Scheme#EFE7EB#ECF0E5#E5EDF1#F5F0F1#C5D1B2
- Bubble Bath Triadic Color Scheme#E8E0E9#ECE9DD#DFEBE9#F6F1F4#CECBAE
- Bubblegum Crisis Triadic Color Scheme#EECCEE#EEEECC#CCEEEE#FCEBFA#DEDD98
- Bubblegum Heart Triadic Color Scheme#FFBADF#D1FFBD#BCDFFF#FFE6F1#BEFD73
- Bunny Tail Triadic Color Scheme#FFE3F4#F6FFE8#E8F5FC#FFE3F4#D8F19C
- Candy Bar Triadic Color Scheme#FFB7D5#D1FFBD#B1D1FC#FFE5EF#AEFD6C
Questions
What colors go with Sugar Chic?
In a triadic scheme: Conditioner (#FFFFCC), Dawn Departs (#CCFFFF), Fairy Bubblegum Cloud (#FFEBFE), Butter (#FFFF81).
What is the hex code of Sugar Chic?
#FFCCFF.