Busy Bee Analogous Color Scheme
Five colors arranged by the analogous rule around Busy Bee (#F4FF00), each snapped to its nearest named color.
#FF0D00
#FF8B00
#F4FF00
#7CFC00
#00FF0D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fire Hydrant | #FF0D00 | 255, 13, 0 | 3°, 100%, 50% | 0, 95, 100, 0 | |
| American Orange | #FF8B00 | 255, 139, 0 | 33°, 100%, 50% | 0, 45, 100, 0 | |
| Busy Bee | #F4FF00 | 244, 255, 0 | 63°, 100%, 50% | 4, 0, 100, 0 | |
| Nuclear Waste | #7CFC00 | 124, 252, 0 | 90°, 100%, 49% | 51, 0, 100, 1 | |
| Lime on Steroides | #00FF0D | 0, 255, 13 | 123°, 100%, 50% | 100, 0, 95, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF0D00 on #F4FF00 | 3.61:1 | AA large |
| Aa #FF0D00 on #7CFC00 | 2.97:1 | — |
| Aa #FF0D00 on #00FF0D | 2.88:1 | — |
| Aa #FF8B00 on #F4FF00 | 2.14:1 | — |
| Aa #FF8B00 on #7CFC00 | 1.76:1 | — |
| Aa #FF8B00 on #00FF0D | 1.71:1 | — |
CSS variables
:root {
--color-1: #ff0d00; /* Fire Hydrant */
--color-2: #ff8b00; /* American Orange */
--color-3: #f4ff00; /* Busy Bee */
--color-4: #7cfc00; /* Nuclear Waste */
--color-5: #00ff0d; /* Lime on Steroides */
}Other schemes from Busy Bee
- Busy Bee Complementary Color Scheme#F4FF00#FAFC5D#0804F9#0000BB#6666FF
- 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 analogous palettes
- A Frond in Need Analogous Color Scheme#A66E7A#A68370#9F9978#98A76E#7BA570
- Amazon Queen Analogous Color Scheme#92555B#947054#948F54#769358#5B984F
- Angel’s Trumpet Analogous Color Scheme#FE314B#F47633#F6DD34#A7F432#55FF33
- Antique Analogous Color Scheme#915F6C#996E5B#8B846D#8C9E5E#6A9D5D
- Backroom Ember Analogous Color Scheme#AB4E5F#A5694F#A19250#86A852#5FA052
- Bamboo Forest Analogous Color Scheme#B67C80#AE8D7B#B1A979#9EB37B#88B378
- Banana Bandanna Analogous Color Scheme#F73D37#F39539#F8F739#87FF2A#2CED2B
- Banana Bombshell Analogous Color Scheme#EF3038#F8822A#F7E82E#A7F432#33FF22
- Banana Brick Analogous Color Scheme#ED2939#EC7D2C#E8D82C#88EE22#2CED2B
- Banana Flash Analogous Color Scheme#FF1100#FF8F00#EEFE02#66FF00#00FF11
- Banana King Analogous Color Scheme#FF0809#FB7D07#FFFB08#89FE05#08FF08
- Banana Pepper Analogous Color Scheme#FF3355#FF7133#FDD630#BFFE28#55FF33
Questions
What colors go with Busy Bee?
In a analogous scheme: Fire Hydrant (#FF0D00), American Orange (#FF8B00), Nuclear Waste (#7CFC00), Lime on Steroides (#00FF0D).
What is the hex code of Busy Bee?
#F4FF00.