Fairy Floss Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fairy Floss (#EBC9C6), each snapped to its nearest named color.
#EBC9C6
#C6EADD
#C5D6EB
#D8948B
#E9F9F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Fairy Floss | #EBC9C6 | 235, 201, 198 | 5°, 48%, 85% | 0, 14, 16, 8 | 86.4% 0.039 24 | |
| Mint Tulip | #C6EADD | 198, 234, 221 | 158°, 46%, 85% | 15, 0, 6, 8 | 90.8% 0.042 172 | |
| Fluid Blue | #C5D6EB | 197, 214, 235 | 213°, 49%, 85% | 16, 9, 0, 8 | 87.0% 0.034 254 | |
| Powder Blush | #D8948B | 216, 148, 139 | 7°, 50%, 70% | 0, 31, 36, 15 | 73.1% 0.084 28 | |
| Melting Glacier | #E9F9F5 | 233, 249, 245 | 165°, 57%, 95% | 6, 0, 2, 2 | 96.9% 0.018 179 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D8948B on #E9F9F5 | 2.27:1 | — |
| Aa #C6EADD on #D8948B | 1.90:1 | — |
| Aa #C5D6EB on #D8948B | 1.66:1 | — |
| Aa #EBC9C6 on #D8948B | 1.61:1 | — |
| Aa #EBC9C6 on #E9F9F5 | 1.41:1 | — |
| Aa #C5D6EB on #E9F9F5 | 1.36:1 | — |
CSS variables
:root {
--color-1: #ebc9c6; /* Fairy Floss */
--color-2: #c6eadd; /* Mint Tulip */
--color-3: #c5d6eb; /* Fluid Blue */
--color-4: #d8948b; /* Powder Blush */
--color-5: #e9f9f5; /* Melting Glacier */
}Other schemes from Fairy Floss
- Fairy Floss Complementary Color Scheme#EBC9C6#F6EEED#C6EAEC#8ACFD6#ECF7F7
- Fairy Floss Analogous Color Scheme#E7C3E7#EDC5D7#EBC9C6#EADAC6#E9EAC8
- Fairy Floss Triadic Color Scheme#EBC9C6#CBE9C9#CEC8EF#F6EEED#92D599
- Fairy Floss Tetradic Color Scheme#EBC9C6#D7E9C8#C6EAEC#D5C7E8#F6EEED
- Fairy Floss Monochromatic Color Scheme#C85A53#D8948B#EBC9C6#F6EEED#F6EEED
More very light red split-complementary color schemes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Fairy Floss?
In a split-complementary scheme: Mint Tulip (#C6EADD), Fluid Blue (#C5D6EB), Powder Blush (#D8948B), Melting Glacier (#E9F9F5).
What is the hex code of Fairy Floss?
#EBC9C6.