Happy Hearts Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Happy Hearts (#D46362), each snapped to its nearest named color.
#D46362
#65CE95
#619AD6
#BB3333
#95E3C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Happy Hearts | #D46362 | 212, 99, 98 | 1°, 57%, 61% | 0, 53, 54, 17 | |
| Van Gogh Green | #65CE95 | 101, 206, 149 | 147°, 52%, 60% | 51, 0, 28, 19 | |
| Blue Bay | #619AD6 | 97, 154, 214 | 211°, 59%, 61% | 55, 28, 0, 16 | |
| Pesto Rosso | #BB3333 | 187, 51, 51 | 0°, 57%, 47% | 0, 73, 73, 27 | |
| Green Gum | #95E3C0 | 149, 227, 192 | 153°, 58%, 74% | 34, 0, 15, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB3333 on #95E3C0 | 3.86:1 | AA large |
| Aa #65CE95 on #BB3333 | 2.98:1 | — |
| Aa #D46362 on #95E3C0 | 2.43:1 | — |
| Aa #619AD6 on #95E3C0 | 1.98:1 | — |
| Aa #619AD6 on #BB3333 | 1.95:1 | — |
| Aa #D46362 on #65CE95 | 1.88:1 | — |
CSS variables
:root {
--color-1: #d46362; /* Happy Hearts */
--color-2: #65ce95; /* Van Gogh Green */
--color-3: #619ad6; /* Blue Bay */
--color-4: #bb3333; /* Pesto Rosso */
--color-5: #95e3c0; /* Green Gum */
}Other schemes from Happy Hearts
- Happy Hearts Complementary Color Scheme#D46362#EAAEA9#6ACED4#34B1B2#B1EAE8
- Happy Hearts Analogous Color Scheme#CC66DD#CC6699#D46362#D79E62#D6D963
- Happy Hearts Triadic Color Scheme#D46362#62C46C#6264DC#E9B3B4#34B334
- Happy Hearts Tetradic Color Scheme#D46362#8DCE65#6ACED4#9D61D4#E9B3B4
- Happy Hearts Monochromatic Color Scheme#772222#BB3333#D46362#E39E9C#F4DBD9
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 Happy Hearts?
In a split-complementary scheme: Van Gogh Green (#65CE95), Blue Bay (#619AD6), Pesto Rosso (#BB3333), Green Gum (#95E3C0).
What is the hex code of Happy Hearts?
#D46362.