Soy Milk Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Soy Milk (#D5D2C7), each snapped to its nearest named color.
#D5D2C7
#C2D5DA
#CCC1DA
#BEB394
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Soy Milk | #D5D2C7 | 213, 210, 199 | 47°, 14%, 81% | 0, 1, 7, 16 | |
| Cloudy Sky | #C2D5DA | 194, 213, 218 | 192°, 24%, 81% | 11, 2, 0, 15 | |
| Awesome Aura | #CCC1DA | 204, 193, 218 | 266°, 25%, 81% | 6, 11, 0, 15 | |
| Easy | #BEB394 | 190, 179, 148 | 44°, 24%, 66% | 0, 6, 22, 25 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BEB394 on #F1F3F3 | 1.87:1 | — |
| Aa #CCC1DA on #F1F3F3 | 1.54:1 | — |
| Aa #D5D2C7 on #BEB394 | 1.38:1 | — |
| Aa #C2D5DA on #BEB394 | 1.37:1 | — |
| Aa #C2D5DA on #F1F3F3 | 1.36:1 | — |
| Aa #D5D2C7 on #F1F3F3 | 1.36:1 | — |
CSS variables
:root {
--color-1: #d5d2c7; /* Soy Milk */
--color-2: #c2d5da; /* Cloudy Sky */
--color-3: #ccc1da; /* Awesome Aura */
--color-4: #beb394; /* Easy */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Soy Milk
- Soy Milk Complementary Color Scheme#D5D2C7#F6F4EF#C2C7DB#9499BB#EEF2F3
- Soy Milk Analogous Color Scheme#D7C0C7#D9CAC3#D5D2C7#D1DBC2#C9D6C2
- Soy Milk Triadic Color Scheme#D5D2C7#C3DCD5#D4C3DA#F6F4EF#95BFB2
- Soy Milk Tetradic Color Scheme#D5D2C7#C3D9CB#C2C7DB#DCC0D3#F6F4EF
- Soy Milk Monochromatic Color Scheme#978D71#B5B09E#D5D2C7#F4F4F0#F4F4F0
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Soy Milk?
In a split-complementary scheme: Cloudy Sky (#C2D5DA), Awesome Aura (#CCC1DA), Easy (#BEB394), Zappy Zebra (#F1F3F3).
What is the hex code of Soy Milk?
#D5D2C7.