Sugar Cookie Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Sugar Cookie (#F2E2A4), each snapped to its nearest named color.
#D8BC23
#EDCD62
#F2E2A4
#FDF6E7
#FBF9E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ghee Yellow | #D8BC23 | 216, 188, 35 | 51°, 72%, 49% | 0, 13, 84, 15 | 79.6% 0.157 98 | |
| Grand Casino Gold | #EDCD62 | 237, 205, 98 | 46°, 79%, 66% | 0, 14, 59, 7 | 85.5% 0.131 93 | |
| Sugar Cookie | #F2E2A4 | 242, 226, 164 | 48°, 75%, 80% | 0, 7, 32, 5 | 91.1% 0.081 95 | |
| Antique China | #FDF6E7 | 253, 246, 231 | 41°, 85%, 95% | 0, 3, 9, 1 | 97.5% 0.021 86 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 | 97.9% 0.022 101 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D8BC23 on #FBF9E8 | 1.78:1 | — |
| Aa #D8BC23 on #FDF6E7 | 1.75:1 | — |
| Aa #EDCD62 on #FBF9E8 | 1.47:1 | — |
| Aa #D8BC23 on #F2E2A4 | 1.45:1 | — |
| Aa #EDCD62 on #FDF6E7 | 1.44:1 | — |
| Aa #F2E2A4 on #FBF9E8 | 1.22:1 | — |
CSS variables
:root {
--color-1: #d8bc23; /* Ghee Yellow */
--color-2: #edcd62; /* Grand Casino Gold */
--color-3: #f2e2a4; /* Sugar Cookie */
--color-4: #fdf6e7; /* Antique China */
--color-5: #fbf9e8; /* Elderflower */
}Other schemes from Sugar Cookie
- Sugar Cookie Complementary Color Scheme#F2E2A4#FBF9E8#A3B1F2#657AEF#E8EEFE
- Sugar Cookie Analogous Color Scheme#F5A5B8#F0BAA4#F2E2A4#DEF0A3#BCF5A6
- Sugar Cookie Triadic Color Scheme#F2E2A4#AFEEE1#EEAAEE#FBF9E8#6FE7DB
- Sugar Cookie Split-complementary Color Scheme#F2E2A4#A4DDED#B5AFFF#EDCD62#E8F5FC
- Sugar Cookie Tetradic Color Scheme#F2E2A4#A3EFB8#A3B1F2#EEAADD#FBF9E8
More light yellow monochromatic color schemes
- Alligator Alley Monochromatic Color Scheme#7C8635#AFBB42#C5D17B#DAE2B2#F6F7ED
- Ancient Treasure Monochromatic Color Scheme#AA8822#DCBA42#E7D082#F3EAC3#FCF7EB
- Animal Kingdom Monochromatic Color Scheme#72754F#9BA373#BCC09E#DCDDCC#F4F4F0
- Anna Banana Monochromatic Color Scheme#9F8303#E1BF03#F5D547#F6E491#FEF6D8
- April Showers Monochromatic Color Scheme#A1AC4D#C7CA86#DADEB5#F3F5E9#F6F7ED
- Ash Monochromatic Color Scheme#776F56#9E957C#BEBAA7#DDDED3#F4F4F0
- Aurora Monochromatic Color Scheme#817714#CAB012#EBD147#F5E28D#FBF4D1
- Banana Monochromatic Color Scheme#DDDD00#FFFF31#FFFC79#FFFEC6#FFFEE5
- Banana Drama Monochromatic Color Scheme#947706#DDBB11#F1D548#F6E491#FBF5D6
- Banana Frappé Monochromatic Color Scheme#AE9550#C7B882#DDD5B6#F5F3E9#F7F5ED
- Beekeeper Monochromatic Color Scheme#D9B611#F1D548#F6E491#FDF5D7#FFF9E7
- Beige Monochromatic Color Scheme#B8A336#DBC364#E6DAA6#F8F3E3#FAF7EB
Questions
What colors go with Sugar Cookie?
In a monochromatic scheme: Ghee Yellow (#D8BC23), Grand Casino Gold (#EDCD62), Antique China (#FDF6E7), Elderflower (#FBF9E8).
What is the hex code of Sugar Cookie?
#F2E2A4.