Honeysuckle Complementary Color Scheme
Five colors arranged by the complementary rule around Honeysuckle (#E8ED69), each snapped to its nearest named color.
#E8ED69
#F0F5BB
#6D68ED
#273BE2
#C1C6FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Honeysuckle | #E8ED69 | 232, 237, 105 | 62°, 79%, 67% | 2, 0, 56, 7 | |
| Chiffon | #F0F5BB | 240, 245, 187 | 65°, 74%, 85% | 2, 0, 24, 4 | |
| If I Could Fly | #6D68ED | 109, 104, 237 | 242°, 79%, 67% | 54, 56, 0, 7 | |
| Palatinate Blue | #273BE2 | 39, 59, 226 | 234°, 76%, 52% | 83, 74, 0, 11 | |
| Light Periwinkle | #C1C6FC | 193, 198, 252 | 235°, 91%, 87% | 23, 21, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F5BB on #273BE2 | 6.58:1 | AA |
| Aa #E8ED69 on #273BE2 | 5.96:1 | AA |
| Aa #273BE2 on #C1C6FC | 4.54:1 | AA |
| Aa #F0F5BB on #6D68ED | 3.81:1 | AA large |
| Aa #E8ED69 on #6D68ED | 3.45:1 | AA large |
| Aa #6D68ED on #C1C6FC | 2.63:1 | — |
CSS variables
:root {
--color-1: #e8ed69; /* Honeysuckle */
--color-2: #f0f5bb; /* Chiffon */
--color-3: #6d68ed; /* If I Could Fly */
--color-4: #273be2; /* Palatinate Blue */
--color-5: #c1c6fc; /* Light Periwinkle */
}Other schemes from Honeysuckle
- Honeysuckle Analogous Color Scheme#EA6B6A#F0B069#E8ED69#A9F971#64EB65
- Honeysuckle Triadic Color Scheme#E8ED69#66EEEE#EE66EE#FAF5C3#22DDEE
- Honeysuckle Split-complementary Color Scheme#E8ED69#72A7E1#B36FF6#D0E429#ABCDEF
- Honeysuckle Tetradic Color Scheme#E8ED69#66EEAA#6D68ED#EE66AA#FAF5C3
- Honeysuckle Monochromatic Color Scheme#A2A415#D0E429#E8ED69#F2F2B0#FFFBE8
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Honeysuckle?
In a complementary scheme: Chiffon (#F0F5BB), If I Could Fly (#6D68ED), Palatinate Blue (#273BE2), Light Periwinkle (#C1C6FC).
What is the hex code of Honeysuckle?
#E8ED69.