Honeysuckle Triadic Color Scheme
Five colors arranged by the triadic rule around Honeysuckle (#E8ED69), each snapped to its nearest named color.
#E8ED69
#66EEEE
#EE66EE
#FAF5C3
#22DDEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Honeysuckle | #E8ED69 | 232, 237, 105 | 62°, 79%, 67% | 2, 0, 56, 7 | |
| Poseidon Jr. | #66EEEE | 102, 238, 238 | 180°, 80%, 67% | 57, 0, 0, 7 | |
| Pink Ping | #EE66EE | 238, 102, 238 | 300°, 80%, 67% | 0, 57, 0, 7 | |
| Fine Linen | #FAF5C3 | 250, 245, 195 | 55°, 85%, 87% | 0, 2, 22, 2 | |
| Cold Heights | #22DDEE | 34, 221, 238 | 185°, 86%, 53% | 86, 7, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE66EE on #FAF5C3 | 2.43:1 | — |
| Aa #E8ED69 on #EE66EE | 2.16:1 | — |
| Aa #66EEEE on #EE66EE | 1.93:1 | — |
| Aa #EE66EE on #22DDEE | 1.63:1 | — |
| Aa #FAF5C3 on #22DDEE | 1.50:1 | — |
| Aa #E8ED69 on #22DDEE | 1.32:1 | — |
CSS variables
:root {
--color-1: #e8ed69; /* Honeysuckle */
--color-2: #66eeee; /* Poseidon Jr. */
--color-3: #ee66ee; /* Pink Ping */
--color-4: #faf5c3; /* Fine Linen */
--color-5: #22ddee; /* Cold Heights */
}Other schemes from Honeysuckle
- Honeysuckle Complementary Color Scheme#E8ED69#F0F5BB#6D68ED#273BE2#C1C6FC
- Honeysuckle Analogous Color Scheme#EA6B6A#F0B069#E8ED69#A9F971#64EB65
- 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 triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Honeysuckle?
In a triadic scheme: Poseidon Jr. (#66EEEE), Pink Ping (#EE66EE), Fine Linen (#FAF5C3), Cold Heights (#22DDEE).
What is the hex code of Honeysuckle?
#E8ED69.