Honeycomb Glow Complementary Color Scheme
Five colors arranged by the complementary rule around Honeycomb Glow (#E4CF99), each snapped to its nearest named color.
#E4CF99
#F7F1E2
#9BB8E2
#507BCE
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Honeycomb Glow | #E4CF99 | 228, 207, 153 | 43°, 58%, 75% | 0, 9, 33, 11 | |
| White Swan | #F7F1E2 | 247, 241, 226 | 43°, 57%, 93% | 0, 2, 9, 3 | |
| Honest | #9BB8E2 | 155, 184, 226 | 215°, 55%, 75% | 31, 19, 0, 11 | |
| Serenity’s Reign | #507BCE | 80, 123, 206 | 220°, 56%, 56% | 61, 40, 0, 19 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F1E2 on #507BCE | 3.68:1 | AA large |
| Aa #507BCE on #E8EFF8 | 3.58:1 | AA large |
| Aa #E4CF99 on #507BCE | 2.70:1 | — |
| Aa #9BB8E2 on #507BCE | 2.04:1 | — |
| Aa #F7F1E2 on #9BB8E2 | 1.80:1 | — |
| Aa #9BB8E2 on #E8EFF8 | 1.75:1 | — |
CSS variables
:root {
--color-1: #e4cf99; /* Honeycomb Glow */
--color-2: #f7f1e2; /* White Swan */
--color-3: #9bb8e2; /* Honest */
--color-4: #507bce; /* Serenity’s Reign */
--color-5: #e8eff8; /* First Snow */
}Other schemes from Honeycomb Glow
- Honeycomb Glow Analogous Color Scheme#E398AF#E7A995#E4CF99#D5E69D#B2E191
- Honeycomb Glow Triadic Color Scheme#E4CF99#9CE5D6#D19FE8#F8F5E9#5FD1BA
- Honeycomb Glow Split-complementary Color Scheme#E4CF99#9AD6E5#A899E6#D0B25C#D6EDF1
- Honeycomb Glow Tetradic Color Scheme#E4CF99#9BE5AA#9BB8E2#E79ACB#F8F5E9
- Honeycomb Glow Monochromatic Color Scheme#B18B32#D0B25C#E4CF99#F4EBD4#FAF6EA
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Honeycomb Glow?
In a complementary scheme: White Swan (#F7F1E2), Honest (#9BB8E2), Serenity’s Reign (#507BCE), First Snow (#E8EFF8).
What is the hex code of Honeycomb Glow?
#E4CF99.