Fortune Cookie Analogous Color Scheme
Five colors arranged by the analogous rule around Fortune Cookie (#E0C5A1), each snapped to its nearest named color.
#E3A1B8
#E3A9A2
#E0C5A1
#D9E6A6
#B7E1A1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blushing Tulip | #E3A1B8 | 227, 161, 184 | 339°, 54%, 76% | 0, 29, 19, 11 | |
| Coral Fountain | #E3A9A2 | 227, 169, 162 | 6°, 54%, 76% | 0, 26, 29, 11 | |
| Fortune Cookie | #E0C5A1 | 224, 197, 161 | 34°, 50%, 75% | 0, 12, 28, 12 | |
| Mermaid Tears | #D9E6A6 | 217, 230, 166 | 72°, 56%, 78% | 6, 0, 28, 10 | |
| Basil Smash | #B7E1A1 | 183, 225, 161 | 99°, 52%, 76% | 19, 0, 28, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3A1B8 on #D9E6A6 | 1.57:1 | — |
| Aa #E3A9A2 on #D9E6A6 | 1.51:1 | — |
| Aa #E3A1B8 on #B7E1A1 | 1.42:1 | — |
| Aa #E3A9A2 on #B7E1A1 | 1.37:1 | — |
| Aa #E3A1B8 on #E0C5A1 | 1.26:1 | — |
| Aa #E0C5A1 on #D9E6A6 | 1.25:1 | — |
CSS variables
:root {
--color-1: #e3a1b8; /* Blushing Tulip */
--color-2: #e3a9a2; /* Coral Fountain */
--color-3: #e0c5a1; /* Fortune Cookie */
--color-4: #d9e6a6; /* Mermaid Tears */
--color-5: #b7e1a1; /* Basil Smash */
}Other schemes from Fortune Cookie
- Fortune Cookie Complementary Color Scheme#E0C5A1#F7F0E5#A1BDE0#6994CF#EDF2F8
- Fortune Cookie Triadic Color Scheme#E0C5A1#A5E1C4#C2B2F0#F8F4ED#6EC9A3
- Fortune Cookie Split-complementary Color Scheme#E0C5A1#A1D8E0#ACACE6#CDA168#D8F1F4
- Fortune Cookie Tetradic Color Scheme#E0C5A1#A8E4A0#A1BDE0#E6A8D7#F8F4ED
- Fortune Cookie Monochromatic Color Scheme#B07939#CDA168#E0C5A1#F3E7DB#F8F4ED
More Light Orange analogous palettes
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 3AM Latte Analogous Color Scheme#C28BA1#C39191#C0A98E#BAC08A#A4C08A
- Ancestral Gold Analogous Color Scheme#DFA3BA#DDB1A8#DDCDA6#D5DCA9#B8DCA7
- Angry Pasta Analogous Color Scheme#FB5581#FF7855#FFCC55#DDFF55#9CEF43
- Anise Biscotti Analogous Color Scheme#E5ABBE#E8B9AE#E5D5AE#DDE7AE#BFE5B1
- Another One Bites the Dust Analogous Color Scheme#C4A1AF#C8A6A1#C7BBA4#C3C6A4#B5C7A4
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Ashes to Ashes Analogous Color Scheme#C19AA5#C6A499#BBB3A2#BBC199#A7C297
- Atomic Tangerine Analogous Color Scheme#FF66CC#FC6C85#FF9966#FFE464#D4FB79
- Attic Linen Analogous Color Scheme#CAA7BB#CBACAB#CCBCA9#CCCAA8#BACCA8
Questions
What colors go with Fortune Cookie?
In a analogous scheme: Blushing Tulip (#E3A1B8), Coral Fountain (#E3A9A2), Mermaid Tears (#D9E6A6), Basil Smash (#B7E1A1).
What is the hex code of Fortune Cookie?
#E0C5A1.