Sugar Cookie Triadic Color Scheme
Five colors arranged by the triadic rule around Sugar Cookie (#F2E2A4), each snapped to its nearest named color.
#F2E2A4
#AFEEE1
#EEAAEE
#FBF9E8
#6FE7DB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sugar Cookie | #F2E2A4 | 242, 226, 164 | 48°, 75%, 80% | 0, 7, 32, 5 | 91.1% 0.081 95 | |
| Mint Tea | #AFEEE1 | 175, 238, 225 | 168°, 65%, 81% | 26, 0, 5, 7 | 90.3% 0.066 181 | |
| Pinky Swear | #EEAAEE | 238, 170, 238 | 300°, 67%, 80% | 0, 29, 0, 7 | 82.4% 0.118 327 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 | 97.9% 0.022 101 | |
| Turquoise Chalk | #6FE7DB | 111, 231, 219 | 174°, 71%, 67% | 52, 0, 5, 9 | 85.6% 0.110 187 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EEAAEE on #FBF9E8 | 1.71:1 | — |
| Aa #FBF9E8 on #6FE7DB | 1.40:1 | — |
| Aa #F2E2A4 on #EEAAEE | 1.39:1 | — |
| Aa #AFEEE1 on #EEAAEE | 1.39:1 | — |
| Aa #AFEEE1 on #FBF9E8 | 1.23:1 | — |
| Aa #F2E2A4 on #FBF9E8 | 1.22:1 | — |
CSS variables
:root {
--color-1: #f2e2a4; /* Sugar Cookie */
--color-2: #afeee1; /* Mint Tea */
--color-3: #eeaaee; /* Pinky Swear */
--color-4: #fbf9e8; /* Elderflower */
--color-5: #6fe7db; /* Turquoise Chalk */
}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 Split-complementary Color Scheme#F2E2A4#A4DDED#B5AFFF#EDCD62#E8F5FC
- Sugar Cookie Tetradic Color Scheme#F2E2A4#A3EFB8#A3B1F2#EEAADD#FBF9E8
- Sugar Cookie Monochromatic Color Scheme#D8BC23#EDCD62#F2E2A4#FDF6E7#FBF9E8
More light yellow triadic color schemes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Sugar Cookie?
In a triadic scheme: Mint Tea (#AFEEE1), Pinky Swear (#EEAAEE), Elderflower (#FBF9E8), Turquoise Chalk (#6FE7DB).
What is the hex code of Sugar Cookie?
#F2E2A4.