Lightning Bolt Complementary Color Scheme
Five colors arranged by the complementary rule around Lightning Bolt (#E5EBE6), each snapped to its nearest named color.
#E5EBE6
#EFF5F1
#EEE1EB
#D3B0CE
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lightning Bolt | #E5EBE6 | 229, 235, 230 | 130°, 13%, 91% | 3, 0, 2, 8 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | |
| Heaven Sent | #EEE1EB | 238, 225, 235 | 314°, 28%, 91% | 0, 5, 1, 7 | |
| Lavender Knoll | #D3B0CE | 211, 176, 206 | 309°, 28%, 76% | 0, 17, 2, 17 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EFF5F1 on #D3B0CE | 1.75:1 | — |
| Aa #D3B0CE on #F6F1F4 | 1.73:1 | — |
| Aa #E5EBE6 on #D3B0CE | 1.60:1 | — |
| Aa #EEE1EB on #D3B0CE | 1.53:1 | — |
| Aa #EFF5F1 on #EEE1EB | 1.14:1 | — |
| Aa #EEE1EB on #F6F1F4 | 1.13:1 | — |
CSS variables
:root {
--color-1: #e5ebe6; /* Lightning Bolt */
--color-2: #eff5f1; /* Heavy Sugar */
--color-3: #eee1eb; /* Heaven Sent */
--color-4: #d3b0ce; /* Lavender Knoll */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Lightning Bolt
- Lightning Bolt Analogous Color Scheme#ECEFE3#E7EEE1#E5EBE6#E2EDEB#E2ECED
- Lightning Bolt Triadic Color Scheme#E5EBE6#E5E3EF#EEE5E1#EFF5F1#B8B0CF
- Lightning Bolt Split-complementary Color Scheme#E5EBE6#EDE2EE#EFE1E4#B1D4B7#F3F1F3
- Lightning Bolt Tetradic Color Scheme#E5EBE6#E2E6EF#EEE1EB#EEEAE2#EFF5F1
- Lightning Bolt Monochromatic Color Scheme#8CA891#B9CABD#E5EBE6#F0F4F2#F0F4F2
More Very Light Green complementary palettes
- Airy Fields Complementary Color Scheme#DBE0C4#F4F7EE#CAC1E2#9E91C3#EBECF5
- Ambrosia Complementary Color Scheme#C6E1BC#F1F8EC#DCBFE1#B48AC2#F8EEF4
- Amnesiac White Complementary Color Scheme#F8FBEB#F8FBEB#EEE9F9#ACACE6#EEE9F9
- Arabica Mint Complementary Color Scheme#C0FFEE#E7FAFA#FFC1D0#FF7799#FFE5ED
- Bath Bubbles Complementary Color Scheme#E6F2EA#EFF5F1#F1E8EC#DAB4CC#F8EEF4
- Bethlehem Superstar Complementary Color Scheme#EAEEDA#F4F7EE#DDDCEF#B2A5D3#EBECF5
- Blissful Serenity Complementary Color Scheme#EAEED8#F6F7ED#DBD7F2#A6A1D7#EBECF5
- Breath of Celery Complementary Color Scheme#DCE7CB#F4F7EE#D9CDE5#AE99D2#F1F2F8
- Candied Snow Complementary Color Scheme#D8FFF3#EBFCF5#FDD7E4#FC89AC#FFE5ED
- Caribbean Complementary Color Scheme#CAF0E5#E9F9F5#EDC9D5#DC89A8#F8EAED
- Clair de Lune Complementary Color Scheme#DBE9DF#EFF5F1#E9DBE4#CCACC1#F6F1F4
- Creamy Garlic Complementary Color Scheme#ECEFE3#F4F7EE#E5E3EF#BFB3D1#F1F2F8
Questions
What colors go with Lightning Bolt?
In a complementary scheme: Heavy Sugar (#EFF5F1), Heaven Sent (#EEE1EB), Lavender Knoll (#D3B0CE), Grim White (#F6F1F4).
What is the hex code of Lightning Bolt?
#E5EBE6.