Deeply Embarrassed Complementary Color Scheme
Five colors arranged by the complementary rule around Deeply Embarrassed (#ECB2B3), each snapped to its nearest named color.
#ECB2B3
#F9EAEB
#B1EAE8
#78D8D9
#EDFCFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Deeply Embarrassed | #ECB2B3 | 236, 178, 179 | 359°, 60%, 81% | 0, 25, 24, 7 | |
| Arrowhead White | #F9EAEB | 249, 234, 235 | 356°, 56%, 95% | 0, 6, 6, 2 | |
| Spearmint Water | #B1EAE8 | 177, 234, 232 | 178°, 58%, 81% | 24, 0, 1, 8 | |
| Andes Sky | #78D8D9 | 120, 216, 217 | 181°, 56%, 66% | 45, 0, 0, 15 | |
| Cold White | #EDFCFB | 237, 252, 251 | 176°, 71%, 96% | 6, 0, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECB2B3 on #EDFCFB | 1.72:1 | — |
| Aa #78D8D9 on #EDFCFB | 1.58:1 | — |
| Aa #ECB2B3 on #F9EAEB | 1.55:1 | — |
| Aa #F9EAEB on #78D8D9 | 1.43:1 | — |
| Aa #ECB2B3 on #B1EAE8 | 1.36:1 | — |
| Aa #B1EAE8 on #EDFCFB | 1.26:1 | — |
CSS variables
:root {
--color-1: #ecb2b3; /* Deeply Embarrassed */
--color-2: #f9eaeb; /* Arrowhead White */
--color-3: #b1eae8; /* Spearmint Water */
--color-4: #78d8d9; /* Andes Sky */
--color-5: #edfcfb; /* Cold White */
}Other schemes from Deeply Embarrassed
- Deeply Embarrassed Analogous Color Scheme#E9AEF2#E7B2D0#ECB2B3#ECD0B1#EDEBB4
- Deeply Embarrassed Triadic Color Scheme#ECB2B3#BAEBAE#ACB9E8#F9EAEB#77DD77
- Deeply Embarrassed Split-complementary Color Scheme#ECB2B3#B0EFCE#AED1E8#D87678#E9F9F5
- Deeply Embarrassed Tetradic Color Scheme#ECB2B3#CEEBB2#B1EAE8#C2B2F0#F9EAEB
- Deeply Embarrassed Monochromatic Color Scheme#CC363C#D87678#ECB2B3#F9EAEB#F9EAEB
More Very Light Red complementary palettes
- Abloom Complementary Color Scheme#F1CBCD#F9EAEB#CCEEEE#9BE3D7#E7FAFA
- Angelic Wings Complementary Color Scheme#F4EFEE#F4EFEE#EEF2F3#BBD3DA#F1F3F3
- Angry Ghost Complementary Color Scheme#EEBBBB#F9EAEB#BBEEEE#78D8D9#EDFCFB
- Apricot Haze Complementary Color Scheme#FFAAAA#FFE6E4#AAFFFF#56FFFF#E7FEFF
- Ballet Complementary Color Scheme#F7D5D4#F9EAEA#D7F5F6#99EEEE#E7FAFA
- Ballet Slippers Complementary Color Scheme#FCA2AD#FDE6E7#AAFFEE#55FFEE#E7FEFF
- Berry Good Complementary Color Scheme#EDC3C5#F9EAEB#C3ECE9#88D9D8#ECF7F7
- Bloodthirsty Beige Complementary Color Scheme#F8D7D0#FCEBEB#D1F0F6#88DDEE#E8F7FD
- Blowing Kisses Complementary Color Scheme#F6DEE0#F9EAEB#DFFBF3#A0E3E0#E9F9F5
- Blush Kiss Complementary Color Scheme#EABCC0#F8EAED#BDE9E5#81D7D0#ECF7F7
- Blush Rush Complementary Color Scheme#F0BCBE#F9EAEB#BBEEEE#6FE7DB#E7FAFA
- Butterfly Kisses Complementary Color Scheme#F0DEDC#F6EEED#DDEEEE#A7D4D9#ECF7F7
Questions
What colors go with Deeply Embarrassed?
In a complementary scheme: Arrowhead White (#F9EAEB), Spearmint Water (#B1EAE8), Andes Sky (#78D8D9), Cold White (#EDFCFB).
What is the hex code of Deeply Embarrassed?
#ECB2B3.