Heart’s Content Complementary Color Scheme
Five colors arranged by the complementary rule around Heart’s Content (#E2B5BD), each snapped to its nearest named color.
#E2B5BD
#F7EFEF
#B5E1DB
#77CABD
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heart’s Content | #E2B5BD | 226, 181, 189 | 349°, 44%, 80% | 0, 20, 16, 11 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 | |
| Festival de Verano | #B5E1DB | 181, 225, 219 | 172°, 42%, 80% | 20, 0, 3, 12 | |
| Hawaiian Vacation | #77CABD | 119, 202, 189 | 171°, 44%, 63% | 41, 0, 6, 21 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77CABD on #ECF7F7 | 1.75:1 | — |
| Aa #F7EFEF on #77CABD | 1.69:1 | — |
| Aa #E2B5BD on #ECF7F7 | 1.66:1 | — |
| Aa #E2B5BD on #F7EFEF | 1.60:1 | — |
| Aa #B5E1DB on #77CABD | 1.35:1 | — |
| Aa #B5E1DB on #ECF7F7 | 1.30:1 | — |
CSS variables
:root {
--color-1: #e2b5bd; /* Heart’s Content */
--color-2: #f7efef; /* Vienna Dawn */
--color-3: #b5e1db; /* Festival de Verano */
--color-4: #77cabd; /* Hawaiian Vacation */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Heart’s Content
- Heart’s Content Analogous Color Scheme#D6B7E2#E6B5D7#E2B5BD#E3C1B3#E3DBB7
- Heart’s Content Triadic Color Scheme#E2B5BD#BFE5B1#B6BFE5#F7EFEF#91CB7D
- Heart’s Content Split-complementary Color Scheme#E2B5BD#B9E1C2#B7D2E3#C87F89#EBF8EF
- Heart’s Content Tetradic Color Scheme#E2B5BD#D6E1B4#B5E1DB#CABAE0#F7EFEF
- Heart’s Content Monochromatic Color Scheme#B5485D#C87F89#E2B5BD#F6EBEE#F7EFEF
More Light Red complementary palettes
- Amour Complementary Color Scheme#EE5851#F9A7A4#45E9FD#11DDDD#B2F8F8
- Angry Flamingo Complementary Color Scheme#F04E45#FB9F93#45E9FD#09CDCD#A4F4F9
- Anime Blush Complementary Color Scheme#FF7A83#FDD7D8#73FDFF#33FFFF#E0FEFE
- Aphrodisiac Complementary Color Scheme#E35A63#EDAAAC#5EE7DF#22CCCC#AFEEEE
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Begonia Complementary Color Scheme#FA6E79#FDC8CD#66EEEE#26F7FD#D0FEFE
- Berrylicious Complementary Color Scheme#D75E6C#E6A7AC#55DDCC#2CBAA3#B0EEE2
- Bite My Tongue Complementary Color Scheme#D47D72#EBBDB8#71CBD2#30AABC#C0E7EB
- Blood Burst Complementary Color Scheme#FF474C#FEA5A2#41FDFE#00FFEF#ACFFFC
- Blush Bomb Complementary Color Scheme#DD99AA#F5DEE2#99DDCC#66CDAA#E2F7F1
- Blush Hour Complementary Color Scheme#FF6F91#FFC9D7#73FCD6#32FFDC#D8FFF3
- Boho Blush Complementary Color Scheme#E58787#F6D2D4#96E2E1#48D1CC#D7F5F6
Questions
What colors go with Heart’s Content?
In a complementary scheme: Vienna Dawn (#F7EFEF), Festival de Verano (#B5E1DB), Hawaiian Vacation (#77CABD), Aijiro White (#ECF7F7).
What is the hex code of Heart’s Content?
#E2B5BD.