Lightning Bug Analogous Color Scheme
Five colors arranged by the analogous rule around Lightning Bug (#EFDE74), each snapped to its nearest named color.
#F0738A
#F1A177
#EFDE74
#C2F177
#88EE77
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Rose Cheeks | #F0738A | 240, 115, 138 | 349°, 81%, 70% | 0, 52, 43, 6 | |
| Balinese Sunset | #F1A177 | 241, 161, 119 | 21°, 81%, 71% | 0, 33, 51, 5 | |
| Lightning Bug | #EFDE74 | 239, 222, 116 | 52°, 79%, 70% | 0, 7, 51, 6 | |
| Cucumber Milk | #C2F177 | 194, 241, 119 | 83°, 81%, 71% | 20, 0, 51, 5 | |
| Herbivore | #88EE77 | 136, 238, 119 | 111°, 78%, 70% | 43, 0, 50, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0738A on #C2F177 | 2.15:1 | — |
| Aa #F0738A on #EFDE74 | 2.04:1 | — |
| Aa #F0738A on #88EE77 | 1.93:1 | — |
| Aa #F1A177 on #C2F177 | 1.60:1 | — |
| Aa #F1A177 on #EFDE74 | 1.52:1 | — |
| Aa #F1A177 on #88EE77 | 1.44:1 | — |
CSS variables
:root {
--color-1: #f0738a; /* Rose Cheeks */
--color-2: #f1a177; /* Balinese Sunset */
--color-3: #efde74; /* Lightning Bug */
--color-4: #c2f177; /* Cucumber Milk */
--color-5: #88ee77; /* Herbivore */
}Other schemes from Lightning Bug
- Lightning Bug Complementary Color Scheme#EFDE74#F8F3C4#6488EA#3844F4#CCD5FF
- Lightning Bug Triadic Color Scheme#EFDE74#7BF2DA#DD77EE#FAF4CE#25E2CD
- Lightning Bug Split-complementary Color Scheme#EFDE74#76C5E7#A675FE#E9CB2E#B8E4F5
- Lightning Bug Tetradic Color Scheme#EFDE74#66EEAA#6488EA#E56CC0#FAF4CE
- Lightning Bug Monochromatic Color Scheme#BC9B1B#E9CB2E#EFDE74#F7EFBA#FBF9E8
More Light Yellow analogous palettes
- Alligator Alley Analogous Color Scheme#D5877E#D2B17A#C5D17B#9DCA7B#78CF86
- Ancient Treasure Analogous Color Scheme#E9819A#E79E88#E7D082#C6EA80#94E089
- Animal Kingdom Analogous Color Scheme#C1A097#C4B49C#BCC09E#AAC69A#9FC5AA
- Anna Banana Analogous Color Scheme#EE4466#FA7F46#F5D547#A6FD44#66FF55
- April Showers Analogous Color Scheme#DFB7B4#DCCDB4#DADEB5#C5DCB3#B6DBBF
- Ash Analogous Color Scheme#CA9FA5#C6AC9F#BEBAA7#B8CA9D#AAC69A
- Aurora Analogous Color Scheme#EB4962#EB7E4D#EBD147#A7E142#70F15E
- Banana Analogous Color Scheme#FE7B7C#FFB978#FFFC79#BEFD73#77FF77
- Banana Drama Analogous Color Scheme#EB4962#EF8144#F1D548#A6FD44#66FF55
- Banana Frappé Analogous Color Scheme#DAB7BE#DDC3B6#DDD5B6#CFDDB9#BCDDB3
- Beekeeper Analogous Color Scheme#F590A0#F4B58F#F6E491#D8F19C#B1FC99
- Beige Analogous Color Scheme#E5A5B1#E8B9A5#E6DAA6#D9E6A6#B1E5AA
Questions
What colors go with Lightning Bug?
In a analogous scheme: Rose Cheeks (#F0738A), Balinese Sunset (#F1A177), Cucumber Milk (#C2F177), Herbivore (#88EE77).
What is the hex code of Lightning Bug?
#EFDE74.