Sugar Milk Tetradic Color Scheme
Five colors arranged by the tetradic rule around Sugar Milk (#FFF9F5), each snapped to its nearest named color.
#FFF9F5
#EBFCEC
#E8F5FC
#FFEBFE
#FFF0E3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sugar Milk | #FFF9F5 | 255, 249, 245 | 24°, 100%, 98% | 0, 2, 4, 0 | |
| Placebo Green | #EBFCEC | 235, 252, 236 | 124°, 74%, 95% | 7, 0, 6, 1 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 | |
| Fairy Bubblegum Cloud | #FFEBFE | 255, 235, 254 | 303°, 100%, 96% | 0, 8, 0, 0 | |
| Rice Pudding | #FFF0E3 | 255, 240, 227 | 28°, 100%, 95% | 0, 6, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF9F5 on #FFEBFE | 1.08:1 | — |
| Aa #FFF9F5 on #FFF0E3 | 1.07:1 | — |
| Aa #FFF9F5 on #E8F5FC | 1.06:1 | — |
| Aa #EBFCEC on #FFEBFE | 1.06:1 | — |
| Aa #EBFCEC on #FFF0E3 | 1.04:1 | — |
| Aa #EBFCEC on #E8F5FC | 1.04:1 | — |
CSS variables
:root {
--color-1: #fff9f5; /* Sugar Milk */
--color-2: #ebfcec; /* Placebo Green */
--color-3: #e8f5fc; /* Kodama White */
--color-4: #ffebfe; /* Fairy Bubblegum Cloud */
--color-5: #fff0e3; /* Rice Pudding */
}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 Split-complementary Color Scheme#FFF9F5#E7FEFF#E6E8FA#FFCCAA#E7FEFF
- Sugar Milk Monochromatic Color Scheme#FA9D5A#FFCCAA#FFF9F5#FFF0E3#FFF0E3
More White tetradic palettes
- Anti-Flash White Tetradic Color Scheme#F2F3F4#F6F1F4#F6F2F1#EFF5F1#EEF2F3
- Beluga Tetradic Color Scheme#EFF2F1#EBECF5#F5EDED#F5F4ED#F0F4F2
- Brilliance Tetradic Color Scheme#FDFDFD#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- Ceramic Tetradic Color Scheme#FCFFF9#E7FEFF#F0EBFC#FFE6E7#F6FFE8
- Chef’s Hat Tetradic Color Scheme#F3F4F5#F6F1F4#F6F2F1#EFF5F1#EEF2F3
- Cloud Break Tetradic Color Scheme#F6F1FE#FFE7EB#F6FFE8#E7FAFA#F0EBFC
- Cotton Ball Tetradic Color Scheme#F2F7FD#FCEBFA#FBF4E8#EBFCEC#E7EFFB
- Doctor Tetradic Color Scheme#F9F9F9#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- Dr. White Tetradic Color Scheme#FAFAFA#F4F4F0#F0F4F2#F3F1F3#F4EFEE
- Emptiness Tetradic Color Scheme#FCFDFC#EEF2F3#F6F1F4#F6F2F1#EFF5F1
- Errigal White Tetradic Color Scheme#F2F2F4#F5F0F1#F6F4EF#EFF5F1#EBF1F5
- Everlasting Ice Tetradic Color Scheme#F6FDFA#EEE9F9#FCEBF4#FAF9EA#E9F9F5
Questions
What colors go with Sugar Milk?
In a tetradic scheme: Placebo Green (#EBFCEC), Kodama White (#E8F5FC), Fairy Bubblegum Cloud (#FFEBFE), Rice Pudding (#FFF0E3).
What is the hex code of Sugar Milk?
#FFF9F5.