Cereal Flake Triadic Color Scheme
Five colors arranged by the triadic rule around Cereal Flake (#EFD7AB), each snapped to its nearest named color.
#EFD7AB
#AAF0D1
#DDAAEE
#FCF5EB
#66EEBB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cereal Flake | #EFD7AB | 239, 215, 171 | 39°, 68%, 80% | 0, 10, 28, 6 | |
| Magic Mint | #AAF0D1 | 170, 240, 209 | 153°, 70%, 80% | 29, 0, 13, 6 | |
| Petal Plush | #DDAAEE | 221, 170, 238 | 285°, 67%, 80% | 7, 29, 0, 7 | |
| Placebo Orange | #FCF5EB | 252, 245, 235 | 35°, 74%, 95% | 0, 3, 7, 1 | |
| Onsen | #66EEBB | 102, 238, 187 | 158°, 80%, 67% | 57, 0, 21, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DDAAEE on #FCF5EB | 1.75:1 | — |
| Aa #AAF0D1 on #DDAAEE | 1.46:1 | — |
| Aa #EFD7AB on #DDAAEE | 1.35:1 | — |
| Aa #FCF5EB on #66EEBB | 1.34:1 | — |
| Aa #DDAAEE on #66EEBB | 1.31:1 | — |
| Aa #EFD7AB on #FCF5EB | 1.30:1 | — |
CSS variables
:root {
--color-1: #efd7ab; /* Cereal Flake */
--color-2: #aaf0d1; /* Magic Mint */
--color-3: #ddaaee; /* Petal Plush */
--color-4: #fcf5eb; /* Placebo Orange */
--color-5: #66eebb; /* Onsen */
}Other schemes from Cereal Flake
- Cereal Flake Complementary Color Scheme#EFD7AB#FCF5EB#A7C2EB#6495ED#E7EFFB
- Cereal Flake Analogous Color Scheme#EAACC6#F1B8AC#EFD7AB#E3EBAE#CEEBB2
- Cereal Flake Split-complementary Color Scheme#EFD7AB#ACE5EE#ACACE6#E2B66C#E8F7FD
- Cereal Flake Tetradic Color Scheme#EFD7AB#A3EFB8#A7C2EB#EDABE6#FCF5EB
- Cereal Flake Monochromatic Color Scheme#D09B2C#E2B66C#EFD7AB#FCF5EB#FCF5EB
More Very Light Orange triadic palettes
- A Smell of Bakery Triadic Color Scheme#F3E9D9#DAF4EA#E7D7EF#F8F4ED#95E3C0
- Acropolis Triadic Color Scheme#F8E2CA#D0F7E4#E8CEF6#FBF4E8#99EEBB
- Air-Kiss Triadic Color Scheme#F6DCD2#D2F4DD#DDD6F3#FAEFE9#99EEAA
- Albescent Triadic Color Scheme#E1DACB#CAE1DA#D8CBE0#F6F4EF#9BC2B4
- Almond Triadic Color Scheme#EDDCC8#C6EADD#D5C7E8#F8F4ED#88DDBB
- Almond Brittle Triadic Color Scheme#E5D3B9#B6E5D6#D6B7E2#F8F4ED#82CDAD
- Alpaca Triadic Color Scheme#F9EDE2#E2F7F1#F0E5F5#F8F1EB#ABEDC9
- Ancient Scroll Triadic Color Scheme#F0E4D1#D2EFE6#E9D2EF#F8F4ED#98DDC5
- Angel Wing Triadic Color Scheme#F3DFD7#D7F3DD#DDD6F3#FAEFE9#99E6B3
- Angelic White Triadic Color Scheme#F4EDE4#E5F1ED#F0E5F5#F8F4ED#B0DEC8
- Apricot Freeze Triadic Color Scheme#F3CFB7#BBEFD3#CDB7FA#FAEFE9#66EEAA
- Apricot Sherbet Triadic Color Scheme#FBCD9F#96FBC4#CA9BF7#FFF1E8#56FCA2
Questions
What colors go with Cereal Flake?
In a triadic scheme: Magic Mint (#AAF0D1), Petal Plush (#DDAAEE), Placebo Orange (#FCF5EB), Onsen (#66EEBB).
What is the hex code of Cereal Flake?
#EFD7AB.