Huebook

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

NameHEXRGBHSLCMYK
Honeypot#FFC863255, 200, 9939°, 100%, 69%0, 22, 61, 0
Creamy Apricot#FFE8BD255, 232, 18939°, 100%, 87%0, 9, 26, 0
Guilliman Blue#6495ED100, 149, 237219°, 79%, 66%58, 37, 0, 7
Heroic Blue#1166FF17, 102, 255219°, 100%, 53%93, 60, 0, 0
Arc Light#CCDDFF204, 221, 255220°, 100%, 90%20, 13, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFE8BD on #1166FF4.01:1AA large
Aa #1166FF on #CCDDFF3.51:1AA large
Aa #FFC863 on #1166FF3.13:1AA large
Aa #FFE8BD on #6495ED2.48:1—
Aa #6495ED on #CCDDFF2.17:1—
Aa #FFC863 on #6495ED1.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

More Light Orange complementary palettes

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.