Honeypot Complementary Color Scheme
Five colors arranged by the complementary rule around Honeypot (#FFC863), each snapped to its nearest named color.
#FFC863
#FFE8BD
#6495ED
#1166FF
#CCDDFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Honeypot | #FFC863 | 255, 200, 99 | 39°, 100%, 69% | 0, 22, 61, 0 | |
| Creamy Apricot | #FFE8BD | 255, 232, 189 | 39°, 100%, 87% | 0, 9, 26, 0 | |
| Guilliman Blue | #6495ED | 100, 149, 237 | 219°, 79%, 66% | 58, 37, 0, 7 | |
| Heroic Blue | #1166FF | 17, 102, 255 | 219°, 100%, 53% | 93, 60, 0, 0 | |
| Arc Light | #CCDDFF | 204, 221, 255 | 220°, 100%, 90% | 20, 13, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFE8BD on #1166FF | 4.01:1 | AA large |
| Aa #1166FF on #CCDDFF | 3.51:1 | AA large |
| Aa #FFC863 on #1166FF | 3.13:1 | AA large |
| Aa #FFE8BD on #6495ED | 2.48:1 | — |
| Aa #6495ED on #CCDDFF | 2.17:1 | — |
| Aa #FFC863 on #6495ED | 1.94:1 | — |
CSS variables
:root {
--color-1: #ffc863; /* Honeypot */
--color-2: #ffe8bd; /* Creamy Apricot */
--color-3: #6495ed; /* Guilliman Blue */
--color-4: #1166ff; /* Heroic Blue */
--color-5: #ccddff; /* Arc Light */
}Other schemes from Honeypot
- Honeypot Analogous Color Scheme#FF629F#FA7B62#FFC863#F1FF62#9AF764
- Honeypot Triadic Color Scheme#FFC863#73FCD6#C760FF#FEEDCA#17F9A6
- Honeypot Split-complementary Color Scheme#FFC863#6DEDFD#6666FF#FFA917#B9F2FF
- Honeypot Tetradic Color Scheme#FFC863#73FA79#6495ED#FF63E9#FEEDCA
- Honeypot Monochromatic Color Scheme#C68400#FFA917#FFC863#FEE2B2#FFF5E4
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 Honeypot?
In a complementary scheme: Creamy Apricot (#FFE8BD), Guilliman Blue (#6495ED), Heroic Blue (#1166FF), Arc Light (#CCDDFF).
What is the hex code of Honeypot?
#FFC863.