Sugar Milk Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Sugar Milk (#FFF9F5), each snapped to its nearest named color.
#FA9D5A
#FFCCAA
#FFF9F5
#FFF0E3
#FFF0E3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tan Hide | #FA9D5A | 250, 157, 90 | 25°, 94%, 67% | 0, 37, 64, 2 | |
| Peachy Pico | #FFCCAA | 255, 204, 170 | 24°, 100%, 83% | 0, 20, 33, 0 | |
| Sugar Milk | #FFF9F5 | 255, 249, 245 | 24°, 100%, 98% | 0, 2, 4, 0 | |
| Rice Pudding | #FFF0E3 | 255, 240, 227 | 28°, 100%, 95% | 0, 6, 11, 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 #FA9D5A on #FFF9F5 | 2.01:1 | — |
| Aa #FA9D5A on #FFF0E3 | 1.88:1 | — |
| Aa #FA9D5A on #FFF0E3 | 1.88:1 | — |
| Aa #FA9D5A on #FFCCAA | 1.44:1 | — |
| Aa #FFCCAA on #FFF9F5 | 1.39:1 | — |
| Aa #FFCCAA on #FFF0E3 | 1.30:1 | — |
CSS variables
:root {
--color-1: #fa9d5a; /* Tan Hide */
--color-2: #ffccaa; /* Peachy Pico */
--color-3: #fff9f5; /* Sugar Milk */
--color-4: #fff0e3; /* Rice Pudding */
--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 Tetradic Color Scheme#FFF9F5#EBFCEC#E8F5FC#FFEBFE#FFF0E3
More White monochromatic palettes
- Anti-Flash White Monochromatic Color Scheme#9CA9AD#C9CCD2#F2F3F4#F1F3F3#F1F3F3
- Beluga Monochromatic Color Scheme#9BADA8#C8D1CC#EFF2F1#F1F3F3#F1F3F3
- Brilliance Monochromatic Color Scheme#B1B1B1#D8D6D7#FDFDFD#F3F3F2#F3F3F2
- Ceramic Monochromatic Color Scheme#B1FF65#DDFFAA#FCFFF9#F6FFE8#F6FFE8
- Chef’s Hat Monochromatic Color Scheme#A1A4AE#CACED2#F3F4F5#F1F3F3#F1F3F3
- Cloud Break Monochromatic Color Scheme#8866FF#CEAEFA#F6F1FE#F0EBFC#F0EBFC
- Cotton Ball Monochromatic Color Scheme#72A7E1#ABCDEF#F2F7FD#E7EFFB#E7EFFB
- Doctor Monochromatic Color Scheme#ADADAD#D3D3D3#F9F9F9#F3F3F2#F3F3F2
- Dr. White Monochromatic Color Scheme#AEADAD#D4D4D4#FAFAFA#F3F3F2#F3F3F2
- Emptiness Monochromatic Color Scheme#AAC2A1#CCDDCC#FCFDFC#EFF5F1#EFF5F1
- Errigal White Monochromatic Color Scheme#9E9CAB#C9CAD1#F2F2F4#F3F1F3#F3F1F3
- Everlasting Ice Monochromatic Color Scheme#77EEBB#BBEFD3#F6FDFA#E9F9F5#E9F9F5
Questions
What colors go with Sugar Milk?
In a monochromatic scheme: Tan Hide (#FA9D5A), Peachy Pico (#FFCCAA), Rice Pudding (#FFF0E3), Rice Pudding (#FFF0E3).
What is the hex code of Sugar Milk?
#FFF9F5.