Sugar Milk Triadic Color Scheme
Five colors arranged by the triadic rule around Sugar Milk (#FFF9F5), each snapped to its nearest named color.
#FFF9F5
#E6FDF1
#F0EBFC
#FFF0E3
#AAFFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar Milk | #FFF9F5 | 255, 249, 245 | 24°, 100%, 98% | 0, 2, 4, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | |
| Placebo Purple | #F0EBFC | 240, 235, 252 | 258°, 74%, 95% | 5, 7, 0, 1 | |
| Rice Pudding | #FFF0E3 | 255, 240, 227 | 28°, 100%, 95% | 0, 6, 11, 0 | |
| Neo Mint | #AAFFCC | 170, 255, 204 | 144°, 100%, 83% | 33, 0, 20, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF9F5 on #AAFFCC | 1.13:1 | — |
| Aa #FFF9F5 on #F0EBFC | 1.12:1 | — |
| Aa #E6FDF1 on #AAFFCC | 1.10:1 | — |
| Aa #E6FDF1 on #F0EBFC | 1.09:1 | — |
| Aa #FFF9F5 on #FFF0E3 | 1.07:1 | — |
| Aa #FFF0E3 on #AAFFCC | 1.05:1 | — |
CSS variables
:root {
--color-1: #fff9f5; /* Sugar Milk */
--color-2: #e6fdf1; /* Mint Chiffon */
--color-3: #f0ebfc; /* Placebo Purple */
--color-4: #fff0e3; /* Rice Pudding */
--color-5: #aaffcc; /* Neo Mint */
}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 Split-complementary Color Scheme#FFF9F5#E7FEFF#E6E8FA#FFCCAA#E7FEFF
- Sugar Milk Tetradic Color Scheme#FFF9F5#EBFCEC#E8F5FC#FFEBFE#FFF0E3
- Sugar Milk Monochromatic Color Scheme#FA9D5A#FFCCAA#FFF9F5#FFF0E3#FFF0E3
More White triadic palettes
- Anti-Flash White Triadic Color Scheme#F2F3F4#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Beluga Triadic Color Scheme#EFF2F1#F3F1F3#F3F2ED#F0F4F2#CFBBD8
- Brilliance Triadic Color Scheme#FDFDFD#EFF5F1#EBF1F5#F4EFEE#CCE2CA
- Ceramic Triadic Color Scheme#FCFFF9#E8F5FC#FFE6F1#F6FFE8#A7D7FF
- Chef’s Hat Triadic Color Scheme#F3F4F5#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Cloud Break Triadic Color Scheme#F6F1FE#FCF0E5#E6FDF1#F0EBFC#FBCAAD
- Cotton Ball Triadic Color Scheme#F2F7FD#FFEBF2#F1FDE9#E7EFFB#F4AFCD
- Doctor Triadic Color Scheme#F9F9F9#EFF5F1#EBF1F5#F4EFEE#C6DCC7
- Dr. White Triadic Color Scheme#FAFAFA#EFF5F1#EBF1F5#F4EFEE#CBDCCB
- Emptiness Triadic Color Scheme#FCFDFC#EBF1F5#F4EFEE#EFF5F1#CECAE1
- Errigal White Triadic Color Scheme#F2F2F4#F4EFEE#EFF5F1#EBF1F5#DCC0C3
- Everlasting Ice Triadic Color Scheme#F6FDFA#F3E9F7#FBF4E8#E9F9F5#D8B8F8
Questions
What colors go with Sugar Milk?
In a triadic scheme: Mint Chiffon (#E6FDF1), Placebo Purple (#F0EBFC), Rice Pudding (#FFF0E3), Neo Mint (#AAFFCC).
What is the hex code of Sugar Milk?
#FFF9F5.