Lightning Bug Complementary Color Scheme
Five colors arranged by the complementary rule around Lightning Bug (#EFDE74), each snapped to its nearest named color.
#EFDE74
#F8F3C4
#6488EA
#3844F4
#CCD5FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lightning Bug | #EFDE74 | 239, 222, 116 | 52°, 79%, 70% | 0, 7, 51, 6 | |
| Corn Field | #F8F3C4 | 248, 243, 196 | 54°, 79%, 87% | 0, 2, 21, 3 | |
| Soft Blue | #6488EA | 100, 136, 234 | 224°, 76%, 65% | 57, 42, 0, 8 | |
| Bright Greek | #3844F4 | 56, 68, 244 | 236°, 90%, 59% | 77, 72, 0, 4 | |
| Pale Phthalo Blue | #CCD5FF | 204, 213, 255 | 229°, 100%, 90% | 20, 16, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8F3C4 on #3844F4 | 5.64:1 | AA |
| Aa #EFDE74 on #3844F4 | 4.66:1 | AA |
| Aa #3844F4 on #CCD5FF | 4.40:1 | AA large |
| Aa #F8F3C4 on #6488EA | 2.98:1 | — |
| Aa #EFDE74 on #6488EA | 2.46:1 | — |
| Aa #6488EA on #CCD5FF | 2.32:1 | — |
CSS variables
:root {
--color-1: #efde74; /* Lightning Bug */
--color-2: #f8f3c4; /* Corn Field */
--color-3: #6488ea; /* Soft Blue */
--color-4: #3844f4; /* Bright Greek */
--color-5: #ccd5ff; /* Pale Phthalo Blue */
}Other schemes from Lightning Bug
- Lightning Bug Analogous Color Scheme#F0738A#F1A177#EFDE74#C2F177#88EE77
- 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 complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Lightning Bug?
In a complementary scheme: Corn Field (#F8F3C4), Soft Blue (#6488EA), Bright Greek (#3844F4), Pale Phthalo Blue (#CCD5FF).
What is the hex code of Lightning Bug?
#EFDE74.