Heart’s Content Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heart’s Content (#E2B5BD), each snapped to its nearest named color.
#E2B5BD
#B9E1C2
#B7D2E3
#C87F89
#EBF8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heart’s Content | #E2B5BD | 226, 181, 189 | 349°, 44%, 80% | 0, 20, 16, 11 | |
| Lattice Work | #B9E1C2 | 185, 225, 194 | 134°, 40%, 80% | 18, 0, 14, 12 | |
| Delicate Ice | #B7D2E3 | 183, 210, 227 | 203°, 44%, 80% | 19, 7, 0, 11 | |
| Grey Matter | #C87F89 | 200, 127, 137 | 352°, 40%, 64% | 0, 37, 32, 22 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C87F89 on #EBF8EF | 2.80:1 | — |
| Aa #B9E1C2 on #C87F89 | 2.13:1 | — |
| Aa #B7D2E3 on #C87F89 | 1.95:1 | — |
| Aa #E2B5BD on #C87F89 | 1.69:1 | — |
| Aa #E2B5BD on #EBF8EF | 1.66:1 | — |
| Aa #B7D2E3 on #EBF8EF | 1.44:1 | — |
CSS variables
:root {
--color-1: #e2b5bd; /* Heart’s Content */
--color-2: #b9e1c2; /* Lattice Work */
--color-3: #b7d2e3; /* Delicate Ice */
--color-4: #c87f89; /* Grey Matter */
--color-5: #ebf8ef; /* Soft Petals */
}Other schemes from Heart’s Content
- Heart’s Content Complementary Color Scheme#E2B5BD#F7EFEF#B5E1DB#77CABD#ECF7F7
- 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 Tetradic Color Scheme#E2B5BD#D6E1B4#B5E1DB#CABAE0#F7EFEF
- Heart’s Content Monochromatic Color Scheme#B5485D#C87F89#E2B5BD#F6EBEE#F7EFEF
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Heart’s Content?
In a split-complementary scheme: Lattice Work (#B9E1C2), Delicate Ice (#B7D2E3), Grey Matter (#C87F89), Soft Petals (#EBF8EF).
What is the hex code of Heart’s Content?
#E2B5BD.