Lightning Bug Tetradic Color Scheme
Five colors arranged by the tetradic rule around Lightning Bug (#EFDE74), each snapped to its nearest named color.
#EFDE74
#66EEAA
#6488EA
#E56CC0
#FAF4CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lightning Bug | #EFDE74 | 239, 222, 116 | 52°, 79%, 70% | 0, 7, 51, 6 | |
| Screen Glow | #66EEAA | 102, 238, 170 | 150°, 80%, 67% | 57, 0, 29, 7 | |
| Soft Blue | #6488EA | 100, 136, 234 | 224°, 76%, 65% | 57, 42, 0, 8 | |
| Explicit Pink | #E56CC0 | 229, 108, 192 | 318°, 70%, 66% | 0, 53, 16, 10 | |
| Fresh Eggs | #FAF4CE | 250, 244, 206 | 52°, 81%, 89% | 0, 2, 18, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6488EA on #FAF4CE | 3.02:1 | AA large |
| Aa #E56CC0 on #FAF4CE | 2.61:1 | — |
| Aa #EFDE74 on #6488EA | 2.46:1 | — |
| Aa #66EEAA on #6488EA | 2.30:1 | — |
| Aa #EFDE74 on #E56CC0 | 2.12:1 | — |
| Aa #66EEAA on #E56CC0 | 1.99:1 | — |
CSS variables
:root {
--color-1: #efde74; /* Lightning Bug */
--color-2: #66eeaa; /* Screen Glow */
--color-3: #6488ea; /* Soft Blue */
--color-4: #e56cc0; /* Explicit Pink */
--color-5: #faf4ce; /* Fresh Eggs */
}Other schemes from Lightning Bug
- Lightning Bug Complementary Color Scheme#EFDE74#F8F3C4#6488EA#3844F4#CCD5FF
- 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 Monochromatic Color Scheme#BC9B1B#E9CB2E#EFDE74#F7EFBA#FBF9E8
More Light Yellow tetradic palettes
- Alligator Alley Tetradic Color Scheme#C5D17B#78D1B1#8878C3#D37C99#E9EAC8
- Ancient Treasure Tetradic Color Scheme#E7D082#90EE90#8F8CE7#EE88CC#F8F0D8
- Animal Kingdom Tetradic Color Scheme#BCC09E#9BC2B4#A09BC6#C59DAA#E9EADB
- Anna Banana Tetradic Color Scheme#F5D547#4CFF7B#4166F5#F246A7#FBE8A8
- April Showers Tetradic Color Scheme#DADEB5#BADFCD#B3B4DD#DDB6C6#F6F7ED
- Ash Tetradic Color Scheme#BEBAA7#9FC5AA#9EA5C3#C89EB7#EDE9DF
- Aurora Tetradic Color Scheme#EBD147#4CFF7B#4466EE#F246A7#F4E7A5
- Banana Tetradic Color Scheme#FFFC79#7EFFBA#7777FF#FF77BB#FFFEDF
- Banana Drama Tetradic Color Scheme#F1D548#58F898#4466EE#F246A7#FBE8A8
- Banana Frappé Tetradic Color Scheme#DDD5B6#B9DCC3#B8BFDC#D8B7CF#F7F5ED
- Beekeeper Tetradic Color Scheme#F6E491#98F6B0#9BA0EF#F092D6#FFF9E7
- Beige Tetradic Color Scheme#E6DAA6#A4E3B3#ACACE6#E6A8D7#FAF7EB
Questions
What colors go with Lightning Bug?
In a tetradic scheme: Screen Glow (#66EEAA), Soft Blue (#6488EA), Explicit Pink (#E56CC0), Fresh Eggs (#FAF4CE).
What is the hex code of Lightning Bug?
#EFDE74.