Milk Moustache Complementary Color Scheme
Five colors arranged by the complementary rule around Milk Moustache (#FAF3E6), each snapped to its nearest named color.
#FAF3E6
#FCF5EB
#E7EFFB
#ACB9E8
#E7EFFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Milk Moustache | #FAF3E6 | 250, 243, 230 | 39°, 67%, 94% | 0, 3, 8, 2 | |
| Placebo Orange | #FCF5EB | 252, 245, 235 | 35°, 74%, 95% | 0, 3, 7, 1 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 | |
| Perano | #ACB9E8 | 172, 185, 232 | 227°, 57%, 79% | 26, 20, 0, 9 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FCF5EB on #ACB9E8 | 1.79:1 | — |
| Aa #FAF3E6 on #ACB9E8 | 1.75:1 | — |
| Aa #E7EFFB on #ACB9E8 | 1.67:1 | — |
| Aa #ACB9E8 on #E7EFFB | 1.67:1 | — |
| Aa #FCF5EB on #E7EFFB | 1.07:1 | — |
| Aa #FCF5EB on #E7EFFB | 1.07:1 | — |
CSS variables
:root {
--color-1: #faf3e6; /* Milk Moustache */
--color-2: #fcf5eb; /* Placebo Orange */
--color-3: #e7effb; /* Cotton Boll */
--color-4: #acb9e8; /* Perano */
--color-5: #e7effb; /* Cotton Boll */
}Other schemes from Milk Moustache
- Milk Moustache Analogous Color Scheme#FBE5EA#F9EAE5#FAF3E6#F8F8E8#EBF7E4
- Milk Moustache Triadic Color Scheme#FAF3E6#E6F9F1#F3E9F7#FCF5EB#AAF0D1
- Milk Moustache Split-complementary Color Scheme#FAF3E6#E8F7FD#E6E6FA#EDD5A6#E8F7FD
- Milk Moustache Tetradic Color Scheme#FAF3E6#E7FBEC#E7EFFB#F9E7F4#FCF5EB
- Milk Moustache Monochromatic Color Scheme#E2B66C#EDD5A6#FAF3E6#FCF5EB#FCF5EB
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Milk Moustache?
In a complementary scheme: Placebo Orange (#FCF5EB), Cotton Boll (#E7EFFB), Perano (#ACB9E8), Cotton Boll (#E7EFFB).
What is the hex code of Milk Moustache?
#FAF3E6.