Oat Milk Complementary Color Scheme
Five colors arranged by the complementary rule around Oat Milk (#DEDACD), each snapped to its nearest named color.
#DEDACD
#F6F4EF
#CBD1E1
#9EA5C3
#EEF2F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Oat Milk | #DEDACD | 222, 218, 205 | 46°, 20%, 84% | 0, 2, 8, 13 | |
| The Speed of Light | #F6F4EF | 246, 244, 239 | 43°, 28%, 95% | 0, 1, 3, 4 | |
| Sweet Emily | #CBD1E1 | 203, 209, 225 | 224°, 27%, 84% | 10, 7, 0, 12 | |
| Wild Phlox | #9EA5C3 | 158, 165, 195 | 229°, 24%, 69% | 19, 15, 0, 24 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F4EF on #9EA5C3 | 2.22:1 | — |
| Aa #9EA5C3 on #EEF2F3 | 2.16:1 | — |
| Aa #DEDACD on #9EA5C3 | 1.74:1 | — |
| Aa #CBD1E1 on #9EA5C3 | 1.59:1 | — |
| Aa #F6F4EF on #CBD1E1 | 1.39:1 | — |
| Aa #CBD1E1 on #EEF2F3 | 1.36:1 | — |
CSS variables
:root {
--color-1: #dedacd; /* Oat Milk */
--color-2: #f6f4ef; /* The Speed of Light */
--color-3: #cbd1e1; /* Sweet Emily */
--color-4: #9ea5c3; /* Wild Phlox */
--color-5: #eef2f3; /* Maui Mist */
}Other schemes from Oat Milk
- Oat Milk Analogous Color Scheme#E0CDD1#E3D1CC#DEDACD#DCE0CD#CEE1C8
- Oat Milk Triadic Color Scheme#DEDACD#CAE1DA#DCCAE0#F6F4EF#9BC2BD
- Oat Milk Split-complementary Color Scheme#DEDACD#C9D9E0#D1CAE1#C2B99D#F1F3F3
- Oat Milk Tetradic Color Scheme#DEDACD#C9E2CF#CBD1E1#E1CBDA#F6F4EF
- Oat Milk Monochromatic Color Scheme#A0956F#C2B79E#DEDACD#F4F4F0#F4F4F0
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Oat Milk?
In a complementary scheme: The Speed of Light (#F6F4EF), Sweet Emily (#CBD1E1), Wild Phlox (#9EA5C3), Maui Mist (#EEF2F3).
What is the hex code of Oat Milk?
#DEDACD.