Huebook

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

NameHEXRGBHSLCMYKOKLCH
Fake Love#CC77EE204, 119, 238283°, 78%, 70%14, 50, 0, 770.7% 0.186 316
Nervous Neon Pink#FF6EC7255, 110, 199323°, 100%, 72%0, 57, 22, 074.1% 0.200 345
Embarrassed#EE7799238, 119, 153343°, 78%, 70%0, 50, 36, 771.5% 0.150 4
Lox#EC9079236, 144, 12112°, 75%, 70%0, 39, 49, 774.4% 0.117 35
Moscow Mule#EECC77238, 204, 11943°, 78%, 70%0, 14, 50, 785.6% 0.111 88

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CC77EE on #EECC771.82:1—
Aa #EE7799 on #EECC771.75:1—
Aa #FF6EC7 on #EECC771.63:1—
Aa #EC9079 on #EECC771.53:1—
Aa #CC77EE on #EC90791.19:1—
Aa #EE7799 on #EC90791.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

More light pink analogous color schemes

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.