Embarrassed Analogous Color Scheme
Five colors arranged by the analogous rule around Embarrassed (#EE7799), each snapped to its nearest named color.
#CC77EE
#FF6EC7
#EE7799
#EC9079
#EECC77
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fake Love | #CC77EE | 204, 119, 238 | 283°, 78%, 70% | 14, 50, 0, 7 | |
| Nervous Neon Pink | #FF6EC7 | 255, 110, 199 | 323°, 100%, 72% | 0, 57, 22, 0 | |
| Embarrassed | #EE7799 | 238, 119, 153 | 343°, 78%, 70% | 0, 50, 36, 7 | |
| Lox | #EC9079 | 236, 144, 121 | 12°, 75%, 70% | 0, 39, 49, 7 | |
| Moscow Mule | #EECC77 | 238, 204, 119 | 43°, 78%, 70% | 0, 14, 50, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC77EE on #EECC77 | 1.82:1 | — |
| Aa #EE7799 on #EECC77 | 1.75:1 | — |
| Aa #FF6EC7 on #EECC77 | 1.63:1 | — |
| Aa #EC9079 on #EECC77 | 1.53:1 | — |
| Aa #CC77EE on #EC9079 | 1.19:1 | — |
| Aa #EE7799 on #EC9079 | 1.14:1 | — |
CSS variables
:root {
--color-1: #cc77ee; /* Fake Love */
--color-2: #ff6ec7; /* Nervous Neon Pink */
--color-3: #ee7799; /* Embarrassed */
--color-4: #ec9079; /* Lox */
--color-5: #eecc77; /* Moscow Mule */
}Other schemes from Embarrassed
- Embarrassed Complementary Color Scheme#EE7799#F8CAD5#7EF4CC#2EE8BB#CFF7EF
- Embarrassed Triadic Color Scheme#EE7799#96F97B#6495ED#FCD2DF#68E52F
- Embarrassed Split-complementary Color Scheme#EE7799#7BE892#7ED4E6#E42D65#BEF7CF
- Embarrassed Tetradic Color Scheme#EE7799#DAEA6F#7EF4CC#9878F8#FCD2DF
- Embarrassed Monochromatic Color Scheme#B31C45#E42D65#EE7799#F6BBCA#FFE9ED
More Light Pink analogous palettes
- Always Rosey Analogous Color Scheme#D19FE8#EB94DA#E79DB3#E8AA9D#E2D39B
- Atomic Pink Analogous Color Scheme#7A81FF#BF77F6#FB7EFD#F77FBE#FF7A83
- Avant-Garde Pink Analogous Color Scheme#8273FD#CC77FF#FF77EE#FF77AA#FF8877
- Barbiecore Analogous Color Scheme#7755EE#A552E6#E15ACB#E35B8F#E2725B
- Blush d’Amour Analogous Color Scheme#BA55D3#DD55CC#DE5D83#DF745B#DFBA5A
- Blushing Sky Analogous Color Scheme#B6AED6#CAADD8#D9B1D6#D6B3C0#D8B6B0
- Bubblegum Analogous Color Scheme#8080FF#CA84FC#FF85FF#FD82C3#FF8888
- Bubblegum Beam Analogous Color Scheme#BB88FF#EB84F5#F887C7#FF878D#F6B98A
- Bubblegum Kisses Analogous Color Scheme#B195E4#D891EF#F092D6#F091A9#EFAB93
- Candy Floss Analogous Color Scheme#ACACE6#DDAAEE#E8A7E2#E5A5C1#E7AFA8
- Candy Pink Analogous Color Scheme#6666FF#C760FF#FF63E9#FF629F#FA7B62
- Classy Mauve Analogous Color Scheme#AF92BD#BB99BB#BB99AA#BD9095#BEA998
Questions
What colors go with Embarrassed?
In a analogous scheme: Fake Love (#CC77EE), Nervous Neon Pink (#FF6EC7), Lox (#EC9079), Moscow Mule (#EECC77).
What is the hex code of Embarrassed?
#EE7799.