Cornflake Complementary Color Scheme
Five colors arranged by the complementary rule around Cornflake (#F0E68C), each snapped to its nearest named color.
#F0E68C
#F9F7DE
#8F99FB
#4455EE
#E6E8FA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cornflake | #F0E68C | 240, 230, 140 | 54°, 77%, 75% | 0, 4, 42, 6 | |
| Chilean Heath | #F9F7DE | 249, 247, 222 | 56°, 69%, 92% | 0, 1, 11, 2 | |
| Periwinkle Blue | #8F99FB | 143, 153, 251 | 234°, 93%, 77% | 43, 39, 0, 2 | |
| Qing Dynasty Dragon | #4455EE | 68, 85, 238 | 234°, 83%, 60% | 71, 64, 0, 7 | |
| Glitter | #E6E8FA | 230, 232, 250 | 234°, 67%, 94% | 8, 7, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F9F7DE on #4455EE | 5.13:1 | AA |
| Aa #4455EE on #E6E8FA | 4.57:1 | AA |
| Aa #F0E68C on #4455EE | 4.34:1 | AA large |
| Aa #F9F7DE on #8F99FB | 2.39:1 | — |
| Aa #8F99FB on #4455EE | 2.15:1 | — |
| Aa #8F99FB on #E6E8FA | 2.13:1 | — |
CSS variables
:root {
--color-1: #f0e68c; /* Cornflake */
--color-2: #f9f7de; /* Chilean Heath */
--color-3: #8f99fb; /* Periwinkle Blue */
--color-4: #4455ee; /* Qing Dynasty Dragon */
--color-5: #e6e8fa; /* Glitter */
}Other schemes from Cornflake
- Cornflake Analogous Color Scheme#F08F90#EDB48F#F0E68C#C0FA8B#90EE90
- Cornflake Triadic Color Scheme#F0E68C#89F5E3#EE88EE#FEFBE5#40E0D0
- Cornflake Split-complementary Color Scheme#F0E68C#86C8ED#BF8FE5#EBD84B#D4E9F5
- Cornflake Tetradic Color Scheme#F0E68C#98F6B0#8F99FB#EE88CC#FEFBE5
- Cornflake Monochromatic Color Scheme#CAB012#EBD84B#F0E68C#FBF4D1#FBF9E8
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Cornflake?
In a complementary scheme: Chilean Heath (#F9F7DE), Periwinkle Blue (#8F99FB), Qing Dynasty Dragon (#4455EE), Glitter (#E6E8FA).
What is the hex code of Cornflake?
#F0E68C.