Embarrassed Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Embarrassed (#EE7799), each snapped to its nearest named color.
#EE7799
#7BE892
#7ED4E6
#E42D65
#BEF7CF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Embarrassed | #EE7799 | 238, 119, 153 | 343°, 78%, 70% | 0, 50, 36, 7 | |
| Ragweed | #7BE892 | 123, 232, 146 | 133°, 70%, 70% | 47, 0, 37, 9 | |
| Middle Blue | #7ED4E6 | 126, 212, 230 | 190°, 68%, 70% | 45, 8, 0, 10 | |
| Strawberry Mix | #E42D65 | 228, 45, 101 | 342°, 77%, 54% | 0, 80, 56, 11 | |
| Smell the Mint | #BEF7CF | 190, 247, 207 | 138°, 78%, 86% | 23, 0, 16, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E42D65 on #BEF7CF | 3.58:1 | AA large |
| Aa #7BE892 on #E42D65 | 2.84:1 | — |
| Aa #7ED4E6 on #E42D65 | 2.56:1 | — |
| Aa #EE7799 on #BEF7CF | 2.25:1 | — |
| Aa #EE7799 on #7BE892 | 1.78:1 | — |
| Aa #EE7799 on #7ED4E6 | 1.61:1 | — |
CSS variables
:root {
--color-1: #ee7799; /* Embarrassed */
--color-2: #7be892; /* Ragweed */
--color-3: #7ed4e6; /* Middle Blue */
--color-4: #e42d65; /* Strawberry Mix */
--color-5: #bef7cf; /* Smell the Mint */
}Other schemes from Embarrassed
- Embarrassed Complementary Color Scheme#EE7799#F8CAD5#7EF4CC#2EE8BB#CFF7EF
- Embarrassed Analogous Color Scheme#CC77EE#FF6EC7#EE7799#EC9079#EECC77
- Embarrassed Triadic Color Scheme#EE7799#96F97B#6495ED#FCD2DF#68E52F
- Embarrassed Tetradic Color Scheme#EE7799#DAEA6F#7EF4CC#9878F8#FCD2DF
- Embarrassed Monochromatic Color Scheme#B31C45#E42D65#EE7799#F6BBCA#FFE9ED
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Embarrassed?
In a split-complementary scheme: Ragweed (#7BE892), Middle Blue (#7ED4E6), Strawberry Mix (#E42D65), Smell the Mint (#BEF7CF).
What is the hex code of Embarrassed?
#EE7799.