Foggy Day Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Foggy Day (#E7E3DB), each snapped to its nearest named color.
#A79B7E
#CABEAD
#E7E3DB
#F4F4F0
#F4F4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mohalla | #A79B7E | 167, 155, 126 | 42°, 19%, 57% | 0, 7, 25, 35 | 69.2% 0.043 88 | |
| Minimalist | #CABEAD | 202, 190, 173 | 35°, 21%, 74% | 0, 6, 14, 21 | 80.7% 0.027 77 | |
| Foggy Day | #E7E3DB | 231, 227, 219 | 40°, 20%, 88% | 0, 2, 5, 9 | 91.7% 0.012 85 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 | 96.6% 0.005 106 | |
| Classic Chalk | #F4F4F0 | 244, 244, 240 | 60°, 15%, 95% | 0, 0, 2, 4 | 96.6% 0.005 106 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A79B7E on #F4F4F0 | 2.50:1 | — |
| Aa #A79B7E on #F4F4F0 | 2.50:1 | — |
| Aa #A79B7E on #E7E3DB | 2.15:1 | — |
| Aa #CABEAD on #F4F4F0 | 1.66:1 | — |
| Aa #CABEAD on #F4F4F0 | 1.66:1 | — |
| Aa #A79B7E on #CABEAD | 1.50:1 | — |
CSS variables
:root {
--color-1: #a79b7e; /* Mohalla */
--color-2: #cabead; /* Minimalist */
--color-3: #e7e3db; /* Foggy Day */
--color-4: #f4f4f0; /* Classic Chalk */
--color-5: #f4f4f0; /* Classic Chalk */
}Other schemes from Foggy Day
- Foggy Day Complementary Color Scheme#E7E3DB#F6F4EF#DADEE9#A7B7CA#EEF2F3
- Foggy Day Analogous Color Scheme#E9DBDF#E8DEDA#E7E3DB#E5E8D9#DFEADB
- Foggy Day Triadic Color Scheme#E7E3DB#DAEAE4#E3DAE9#F6F4EF#ABCCC3
- Foggy Day Split-complementary Color Scheme#E7E3DB#DAE6E9#D9D9EA#CCC1AB#F1F3F3
- Foggy Day Tetradic Color Scheme#E7E3DB#DAE9DC#DADEE9#E9DBE4#F6F4EF
More very light orange monochromatic color schemes
- A Smell of Bakery Monochromatic Color Scheme#D0A664#E2C59C#F3E9D9#F8F4ED#F8F4ED
- Acropolis Monochromatic Color Scheme#E09842#F2BD85#F8E2CA#FBF4E8#FBF4E8
- Air-Kiss Monochromatic Color Scheme#DD7755#E9AA91#F6DCD2#FAEFE9#FAEFE9
- Albescent Monochromatic Color Scheme#A8946B#C2B79A#E1DACB#F6F4EF#F6F4EF
- Almond Monochromatic Color Scheme#CA9456#D8B98C#EDDCC8#F8F4ED#F8F4ED
- Almond Brittle Monochromatic Color Scheme#B88B46#D0B082#E5D3B9#F8F4ED#F8F4ED
- Alpaca Monochromatic Color Scheme#D99E66#EEC7A2#F9EDE2#F8F1EB#F8F1EB
- Ancient Scroll Monochromatic Color Scheme#C6A05E#DAC395#F0E4D1#F8F4ED#F8F4ED
- Angel Wing Monochromatic Color Scheme#D08363#E4B197#F3DFD7#FAEFE9#FAEFE9
- Angelic White Monochromatic Color Scheme#C9A375#DCC9AE#F4EDE4#F8F4ED#F8F4ED
- Apricot Freeze Monochromatic Color Scheme#DD7733#E8A773#F3CFB7#FAEFE9#FAEFE9
- Apricot Sherbet Monochromatic Color Scheme#F2850D#F7A454#FBCD9F#FFF1E8#FFF1E8
Questions
What colors go with Foggy Day?
In a monochromatic scheme: Mohalla (#A79B7E), Minimalist (#CABEAD), Classic Chalk (#F4F4F0), Classic Chalk (#F4F4F0).
What is the hex code of Foggy Day?
#E7E3DB.