Busy Bee Complementary Color Scheme
Five colors arranged by the complementary rule around Busy Bee (#F4FF00), each snapped to its nearest named color.
#F4FF00
#FAFC5D
#0804F9
#0000BB
#6666FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Busy Bee | #F4FF00 | 244, 255, 0 | 63°, 100%, 50% | 4, 0, 100, 0 | |
| Duckling Fluff | #FAFC5D | 250, 252, 93 | 61°, 96%, 68% | 1, 0, 63, 1 | |
| Primary Blue | #0804F9 | 8, 4, 249 | 241°, 97%, 50% | 97, 98, 0, 2 | |
| Antarctic Circle | #0000BB | 0, 0, 187 | 240°, 100%, 37% | 100, 100, 0, 27 | |
| Blue Genie | #6666FF | 102, 102, 255 | 240°, 100%, 70% | 60, 60, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4FF00 on #0000BB | 11.15:1 | AAA |
| Aa #FAFC5D on #0000BB | 11.15:1 | AAA |
| Aa #F4FF00 on #0804F9 | 7.99:1 | AAA |
| Aa #FAFC5D on #0804F9 | 7.99:1 | AAA |
| Aa #F4FF00 on #6666FF | 3.90:1 | AA large |
| Aa #FAFC5D on #6666FF | 3.90:1 | AA large |
CSS variables
:root {
--color-1: #f4ff00; /* Busy Bee */
--color-2: #fafc5d; /* Duckling Fluff */
--color-3: #0804f9; /* Primary Blue */
--color-4: #0000bb; /* Antarctic Circle */
--color-5: #6666ff; /* Blue Genie */
}Other schemes from Busy Bee
- Busy Bee Analogous Color Scheme#FF0D00#FF8B00#F4FF00#7CFC00#00FF0D
- Busy Bee Triadic Color Scheme#F4FF00#00EEFF#FF00FF#FEFE66#01A7B2
- Busy Bee Split-complementary Color Scheme#F4FF00#0077FF#8800FF#A8B504#5599FF
- Busy Bee Tetradic Color Scheme#F4FF00#00FA92#0804F9#FF0077#FEFE66
- Busy Bee Monochromatic Color Scheme#606602#A8B504#F4FF00#FAFE4B#FFFF99
More Medium Yellow complementary palettes
- A Frond in Need Complementary Color Scheme#9F9978#C8C5A7#6B7BA7#4D517F#ACB1D4
- Amazon Queen Complementary Color Scheme#948F54#BBB98A#575B93#353E64#9291BC
- Angel’s Trumpet Complementary Color Scheme#F6DD34#FBE98E#3844F4#0022CC#99AAFF
- Antique Complementary Color Scheme#8B846D#BEB394#5A6E9C#414969#9EA5C3
- Backroom Ember Complementary Color Scheme#A19250#C6B788#5959AB#384172#8E97C7
- Bamboo Forest Complementary Color Scheme#B1A979#D4CFB2#7A85AF#51588E#B7BDD6
- Banana Bandanna Complementary Color Scheme#F8F739#FDFD96#3A2EFE#0011DD#9999FF
- Banana Bombshell Complementary Color Scheme#F7E82E#FFEE88#3A2EFE#0011CC#8F99FB
- Banana Brick Complementary Color Scheme#E8D82C#F2E47D#273BE2#0022BB#8B88F8
- Banana Flash Complementary Color Scheme#EEFE02#FAFC5D#1600FC#1100AA#6666FF
- Banana King Complementary Color Scheme#FFFB08#FEFE66#0011FF#0000BB#7777FF
- Banana Pepper Complementary Color Scheme#FDD630#FFE989#265EF7#0033DD#99AAFF
Questions
What colors go with Busy Bee?
In a complementary scheme: Duckling Fluff (#FAFC5D), Primary Blue (#0804F9), Antarctic Circle (#0000BB), Blue Genie (#6666FF).
What is the hex code of Busy Bee?
#F4FF00.