Embarrassed Complementary Color Scheme
Five colors arranged by the complementary rule around Embarrassed (#EE7799), each snapped to its nearest named color.
#EE7799
#F8CAD5
#7EF4CC
#2EE8BB
#CFF7EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Embarrassed | #EE7799 | 238, 119, 153 | 343°, 78%, 70% | 0, 50, 36, 7 | |
| Palace Rose | #F8CAD5 | 248, 202, 213 | 346°, 77%, 88% | 0, 19, 14, 3 | |
| Light Turquoise | #7EF4CC | 126, 244, 204 | 160°, 84%, 73% | 48, 0, 16, 4 | |
| Aquamarine | #2EE8BB | 46, 232, 187 | 165°, 80%, 55% | 80, 0, 19, 9 | |
| Mid Spring Morning | #CFF7EF | 207, 247, 239 | 168°, 71%, 89% | 16, 0, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE7799 on #CFF7EF | 2.35:1 | — |
| Aa #EE7799 on #7EF4CC | 2.03:1 | — |
| Aa #EE7799 on #F8CAD5 | 1.86:1 | — |
| Aa #EE7799 on #2EE8BB | 1.73:1 | — |
| Aa #2EE8BB on #CFF7EF | 1.36:1 | — |
| Aa #F8CAD5 on #CFF7EF | 1.26:1 | — |
CSS variables
:root {
--color-1: #ee7799; /* Embarrassed */
--color-2: #f8cad5; /* Palace Rose */
--color-3: #7ef4cc; /* Light Turquoise */
--color-4: #2ee8bb; /* Aquamarine */
--color-5: #cff7ef; /* Mid Spring Morning */
}Other schemes from Embarrassed
- Embarrassed Analogous Color Scheme#CC77EE#FF6EC7#EE7799#EC9079#EECC77
- 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 complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Embarrassed?
In a complementary scheme: Palace Rose (#F8CAD5), Light Turquoise (#7EF4CC), Aquamarine (#2EE8BB), Mid Spring Morning (#CFF7EF).
What is the hex code of Embarrassed?
#EE7799.