Sugar Milk Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sugar Milk (#FFF9F5), each snapped to its nearest named color.
#FFF9F5
#E7FEFF
#E6E8FA
#FFCCAA
#E7FEFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sugar Milk | #FFF9F5 | 255, 249, 245 | 24°, 100%, 98% | 0, 2, 4, 0 | 98.6% 0.008 56 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | 98.1% 0.024 200 | |
| Glitter | #E6E8FA | 230, 232, 250 | 234°, 67%, 94% | 8, 7, 0, 2 | 93.5% 0.024 281 | |
| Peachy Pico | #FFCCAA | 255, 204, 170 | 24°, 100%, 83% | 0, 20, 33, 0 | 88.2% 0.074 55 | |
| Bubbles | #E7FEFF | 231, 254, 255 | 183°, 100%, 95% | 9, 0, 0, 0 | 98.1% 0.024 200 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF9F5 on #FFCCAA | 1.39:1 | — |
| Aa #E7FEFF on #FFCCAA | 1.38:1 | — |
| Aa #FFCCAA on #E7FEFF | 1.38:1 | — |
| Aa #E6E8FA on #FFCCAA | 1.19:1 | — |
| Aa #FFF9F5 on #E6E8FA | 1.16:1 | — |
| Aa #E7FEFF on #E6E8FA | 1.16:1 | — |
CSS variables
:root {
--color-1: #fff9f5; /* Sugar Milk */
--color-2: #e7feff; /* Bubbles */
--color-3: #e6e8fa; /* Glitter */
--color-4: #ffccaa; /* Peachy Pico */
--color-5: #e7feff; /* Bubbles */
}Other schemes from Sugar Milk
- Sugar Milk Complementary Color Scheme#FFF9F5#FFF0E3#E8F5FC#AADDFF#E8F5FC
- Sugar Milk Analogous Color Scheme#FFE3F4#FFE6E7#FFF9F5#FFFCE4#F6FFE8
- Sugar Milk Triadic Color Scheme#FFF9F5#E6FDF1#F0EBFC#FFF0E3#AAFFCC
- Sugar Milk Tetradic Color Scheme#FFF9F5#EBFCEC#E8F5FC#FFEBFE#FFF0E3
- Sugar Milk Monochromatic Color Scheme#FA9D5A#FFCCAA#FFF9F5#FFF0E3#FFF0E3
More white split-complementary color schemes
- Anti-Flash White Split-complementary Color Scheme#F2F3F4#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Beluga Split-complementary Color Scheme#EFF2F1#F8EEF4#F4EFED#BDD9D0#F6F1F4
- Brilliance Split-complementary Color Scheme#FDFDFD#EFF5F1#EEF2F3#E0CDD1#EFF5F1
- Ceramic Split-complementary Color Scheme#FCFFF9#E6E6FA#FFEBFE#DDFFAA#E6E6FA
- Chef’s Hat Split-complementary Color Scheme#F3F4F5#F4EFEE#F6F4EF#C1CEDA#F4EFEE
- Cloud Break Split-complementary Color Scheme#F6F1FE#FFFBE8#EBFCEC#CEAEFA#FFFBE8
- Cotton Ball Split-complementary Color Scheme#F2F7FD#FCEBEB#FCFBEB#ABCDEF#FCEBEB
- Doctor Split-complementary Color Scheme#F9F9F9#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Dr. White Split-complementary Color Scheme#FAFAFA#EFF5F1#EEF2F3#DDC9C6#EFF5F1
- Emptiness Split-complementary Color Scheme#FCFDFC#F3F1F3#F5F0F1#CCE2CA#F3F1F3
- Errigal White Split-complementary Color Scheme#F2F2F4#F6F2F1#F4F4F0#C0C3D7#F6F2F1
- Everlasting Ice Split-complementary Color Scheme#F6FDFA#FCEBFA#F9EAEA#BBEFD3#FCEBFA
Questions
What colors go with Sugar Milk?
In a split-complementary scheme: Bubbles (#E7FEFF), Glitter (#E6E8FA), Peachy Pico (#FFCCAA), Bubbles (#E7FEFF).
What is the hex code of Sugar Milk?
#FFF9F5.