Happy Hearts Analogous Color Scheme
Five colors arranged by the analogous rule around Happy Hearts (#D46362), each snapped to its nearest named color.
#CC66DD
#CC6699
#D46362
#D79E62
#D6D963
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blueberry Glaze | #CC66DD | 204, 102, 221 | 291°, 64%, 63% | 8, 54, 0, 13 | |
| Nocturnal Rose | #CC6699 | 204, 102, 153 | 330°, 50%, 60% | 0, 50, 25, 20 | |
| Happy Hearts | #D46362 | 212, 99, 98 | 1°, 57%, 61% | 0, 53, 54, 17 | |
| Dechant Pear Yellow | #D79E62 | 215, 158, 98 | 31°, 59%, 61% | 0, 27, 54, 16 | |
| Banana Chalk | #D6D963 | 214, 217, 99 | 62°, 61%, 62% | 1, 0, 54, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D46362 on #D6D963 | 2.42:1 | — |
| Aa #CC6699 on #D6D963 | 2.36:1 | — |
| Aa #CC66DD on #D6D963 | 2.14:1 | — |
| Aa #D79E62 on #D6D963 | 1.56:1 | — |
| Aa #D46362 on #D79E62 | 1.55:1 | — |
| Aa #CC6699 on #D79E62 | 1.51:1 | — |
CSS variables
:root {
--color-1: #cc66dd; /* Blueberry Glaze */
--color-2: #cc6699; /* Nocturnal Rose */
--color-3: #d46362; /* Happy Hearts */
--color-4: #d79e62; /* Dechant Pear Yellow */
--color-5: #d6d963; /* Banana Chalk */
}Other schemes from Happy Hearts
- Happy Hearts Complementary Color Scheme#D46362#EAAEA9#6ACED4#34B1B2#B1EAE8
- Happy Hearts Triadic Color Scheme#D46362#62C46C#6264DC#E9B3B4#34B334
- 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 analogous palettes
- Amour Analogous Color Scheme#EE55EE#E95295#EE5851#EFA84C#EEEE55
- Angry Flamingo Analogous Color Scheme#FF44EE#F7468A#F04E45#F3A347#EEEE44
- Anime Blush Analogous Color Scheme#FB7EFD#FF6EC7#FF7A83#FFB278#FCF679
- Aphrodisiac Analogous Color Scheme#CC55EE#FE54A3#E35A63#E69656#E1D956
- Babe Analogous Color Scheme#DD77DD#DF7BA4#DC7B7C#DDAA77#D3DE7B
- Begonia Analogous Color Scheme#F06FFF#FF66BB#FA6E79#F7AA6F#FBF073
- Berrylicious Analogous Color Scheme#CC55DD#D85DA1#D75E6C#D88E5F#D7C65B
- Bite My Tongue Analogous Color Scheme#CC77CC#D47194#D47D72#D1AC71#CAD175
- Blood Burst Analogous Color Scheme#FF44FF#FE46A5#FF474C#FF9D45#FBFB4C
- Blush Bomb Analogous Color Scheme#CC99DD#DA9EC8#DD99AA#DDAA99#DDCC99
- Blush Hour Analogous Color Scheme#DF73FF#FF66CC#FF6F91#FE9773#FDDB6D
- Boho Blush Analogous Color Scheme#EE88EE#E290B2#E58787#E5B584#E8E287
Questions
What colors go with Happy Hearts?
In a analogous scheme: Blueberry Glaze (#CC66DD), Nocturnal Rose (#CC6699), Dechant Pear Yellow (#D79E62), Banana Chalk (#D6D963).
What is the hex code of Happy Hearts?
#D46362.