Lightning Bolt Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Lightning Bolt (#E5EBE6), each snapped to its nearest named color.
#8CA891
#B9CABD
#E5EBE6
#F0F4F2
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| OMGreen | #8CA891 | 140, 168, 145 | 131°, 14%, 60% | 17, 0, 14, 34 | 70.4% 0.045 150 | |
| Tropical Cyclone | #B9CABD | 185, 202, 189 | 134°, 14%, 76% | 8, 0, 6, 21 | 82.2% 0.026 153 | |
| Lightning Bolt | #E5EBE6 | 229, 235, 230 | 130°, 13%, 91% | 3, 0, 2, 8 | 93.4% 0.009 151 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | 96.4% 0.005 165 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | 96.4% 0.005 165 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8CA891 on #F0F4F2 | 2.33:1 | — |
| Aa #8CA891 on #F0F4F2 | 2.33:1 | — |
| Aa #8CA891 on #E5EBE6 | 2.14:1 | — |
| Aa #B9CABD on #F0F4F2 | 1.55:1 | — |
| Aa #B9CABD on #F0F4F2 | 1.55:1 | — |
| Aa #8CA891 on #B9CABD | 1.51:1 | — |
CSS variables
:root {
--color-1: #8ca891; /* OMGreen */
--color-2: #b9cabd; /* Tropical Cyclone */
--color-3: #e5ebe6; /* Lightning Bolt */
--color-4: #f0f4f2; /* Bakery Box */
--color-5: #f0f4f2; /* Bakery Box */
}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 Split-complementary Color Scheme#E5EBE6#EDE2EE#EFE1E4#B1D4B7#F3F1F3
- Lightning Bolt Tetradic Color Scheme#E5EBE6#E2E6EF#EEE1EB#EEEAE2#EFF5F1
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Lightning Bolt?
In a monochromatic scheme: OMGreen (#8CA891), Tropical Cyclone (#B9CABD), Bakery Box (#F0F4F2), Bakery Box (#F0F4F2).
What is the hex code of Lightning Bolt?
#E5EBE6.