Lightning Bolt Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lightning Bolt (#E5EBE6), each snapped to its nearest named color.
#E5EBE6
#EDE2EE
#EFE1E4
#B1D4B7
#F3F1F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lightning Bolt | #E5EBE6 | 229, 235, 230 | 130°, 13%, 91% | 3, 0, 2, 8 | |
| Faded Fuchsia | #EDE2EE | 237, 226, 238 | 295°, 26%, 91% | 0, 5, 0, 7 | |
| Pink Booties | #EFE1E4 | 239, 225, 228 | 347°, 30%, 91% | 0, 6, 5, 6 | |
| Enchanted Meadow | #B1D4B7 | 177, 212, 183 | 130°, 29%, 76% | 17, 0, 14, 17 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1D4B7 on #F3F1F3 | 1.44:1 | — |
| Aa #E5EBE6 on #B1D4B7 | 1.34:1 | — |
| Aa #EDE2EE on #B1D4B7 | 1.29:1 | — |
| Aa #EFE1E4 on #B1D4B7 | 1.28:1 | — |
| Aa #EFE1E4 on #F3F1F3 | 1.13:1 | — |
| Aa #EDE2EE on #F3F1F3 | 1.12:1 | — |
CSS variables
:root {
--color-1: #e5ebe6; /* Lightning Bolt */
--color-2: #ede2ee; /* Faded Fuchsia */
--color-3: #efe1e4; /* Pink Booties */
--color-4: #b1d4b7; /* Enchanted Meadow */
--color-5: #f3f1f3; /* Aragonite White */
}Other schemes from Lightning Bolt
- Lightning Bolt Complementary Color Scheme#E5EBE6#EFF5F1#EEE1EB#D3B0CE#F6F1F4
- Lightning Bolt Analogous Color Scheme#ECEFE3#E7EEE1#E5EBE6#E2EDEB#E2ECED
- Lightning Bolt Triadic Color Scheme#E5EBE6#E5E3EF#EEE5E1#EFF5F1#B8B0CF
- Lightning Bolt Tetradic Color Scheme#E5EBE6#E2E6EF#EEE1EB#EEEAE2#EFF5F1
- Lightning Bolt Monochromatic Color Scheme#8CA891#B9CABD#E5EBE6#F0F4F2#F0F4F2
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Lightning Bolt?
In a split-complementary scheme: Faded Fuchsia (#EDE2EE), Pink Booties (#EFE1E4), Enchanted Meadow (#B1D4B7), Aragonite White (#F3F1F3).
What is the hex code of Lightning Bolt?
#E5EBE6.