Happy Hearts Triadic Color Scheme
Five colors arranged by the triadic rule around Happy Hearts (#D46362), each snapped to its nearest named color.
#D46362
#62C46C
#6264DC
#E9B3B4
#34B334
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Happy Hearts | #D46362 | 212, 99, 98 | 1°, 57%, 61% | 0, 53, 54, 17 | 63.7% 0.143 22 | |
| Verdant Oasis | #62C46C | 98, 196, 108 | 126°, 45%, 58% | 50, 0, 45, 23 | 74.0% 0.155 146 | |
| Exodus Fruit | #6264DC | 98, 100, 220 | 239°, 64%, 62% | 55, 55, 0, 14 | 56.6% 0.179 278 | |
| Strawberry Yoghurt | #E9B3B4 | 233, 179, 180 | 359°, 55%, 81% | 0, 23, 23, 9 | 81.6% 0.063 17 | |
| Try Your Luck | #34B334 | 52, 179, 52 | 120°, 55%, 45% | 71, 0, 71, 30 | 67.3% 0.198 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6264DC on #E9B3B4 | 2.64:1 | — |
| Aa #62C46C on #6264DC | 2.20:1 | — |
| Aa #D46362 on #E9B3B4 | 2.01:1 | — |
| Aa #6264DC on #34B334 | 1.75:1 | — |
| Aa #D46362 on #62C46C | 1.67:1 | — |
| Aa #E9B3B4 on #34B334 | 1.51:1 | — |
CSS variables
:root {
--color-1: #d46362; /* Happy Hearts */
--color-2: #62c46c; /* Verdant Oasis */
--color-3: #6264dc; /* Exodus Fruit */
--color-4: #e9b3b4; /* Strawberry Yoghurt */
--color-5: #34b334; /* Try Your Luck */
}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 Split-complementary Color Scheme#D46362#65CE95#619AD6#BB3333#95E3C0
- Happy Hearts Tetradic Color Scheme#D46362#8DCE65#6ACED4#9D61D4#E9B3B4
- Happy Hearts Monochromatic Color Scheme#772222#BB3333#D46362#E39E9C#F4DBD9
More light red triadic color schemes
- Amour Triadic Color Scheme#EE5851#43E85F#524EFB#F5B1AA#0ADD08
- Angry Flamingo Triadic Color Scheme#F04E45#4EFD54#4B4CFC#F9A7A4#00CC11
- Anime Blush Triadic Color Scheme#FF7A83#8CFD7E#7A81FF#FFE4E1#33FF22
- Aphrodisiac Triadic Color Scheme#E35A63#70F15E#5260E1#F1B3B6#24D427
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Begonia Triadic Color Scheme#FA6E79#77FF66#6A79F7#FDD0D5#33FF22
- Berrylicious Triadic Color Scheme#D75E6C#69D84F#5170D7#ECB2B3#34B334
- Bite My Tongue Triadic Color Scheme#D47D72#6CCC7B#7777CC#ECC5C0#3EB753
- Blood Burst Triadic Color Scheme#FF474C#4EFD54#4C4DFF#FFB0AC#00F900
- Blush Bomb Triadic Color Scheme#DD99AA#A9D99C#9BACD8#F5E6EA#74C365
- Blush Hour Triadic Color Scheme#FF6F91#96F97B#6888FC#FFD6DD#55FF22
- Boho Blush Triadic Color Scheme#E58787#94E089#8F8CE7#F8DCDB#58D854
Questions
What colors go with Happy Hearts?
In a triadic scheme: Verdant Oasis (#62C46C), Exodus Fruit (#6264DC), Strawberry Yoghurt (#E9B3B4), Try Your Luck (#34B334).
What is the hex code of Happy Hearts?
#D46362.