Thunder & Lightning Complementary Color Scheme
Five colors arranged by the complementary rule around Thunder & Lightning (#F9F5DB), each snapped to its nearest named color.
#F9F5DB
#FBF9E8
#DBDBF7
#9BA0EF
#E7EFFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Thunder & Lightning | #F9F5DB | 249, 245, 219 | 52°, 71%, 92% | 0, 2, 12, 2 | |
| Elderflower | #FBF9E8 | 251, 249, 232 | 54°, 70%, 95% | 0, 1, 8, 2 | |
| Nostalgia Perfume | #DBDBF7 | 219, 219, 247 | 240°, 64%, 91% | 11, 11, 0, 3 | |
| Cold Lips | #9BA0EF | 155, 160, 239 | 236°, 72%, 77% | 35, 33, 0, 6 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FBF9E8 on #9BA0EF | 2.29:1 | — |
| Aa #F9F5DB on #9BA0EF | 2.20:1 | — |
| Aa #9BA0EF on #E7EFFB | 2.09:1 | — |
| Aa #DBDBF7 on #9BA0EF | 1.79:1 | — |
| Aa #FBF9E8 on #DBDBF7 | 1.28:1 | — |
| Aa #F9F5DB on #DBDBF7 | 1.23:1 | — |
CSS variables
:root {
--color-1: #f9f5db; /* Thunder & Lightning */
--color-2: #fbf9e8; /* Elderflower */
--color-3: #dbdbf7; /* Nostalgia Perfume */
--color-4: #9ba0ef; /* Cold Lips */
--color-5: #e7effb; /* Cotton Boll */
}Other schemes from Thunder & Lightning
- Thunder & Lightning Analogous Color Scheme#FADADD#F9E6DA#F9F5DB#EDFAD9#DBF4D8
- Thunder & Lightning Triadic Color Scheme#F9F5DB#DFFBF3#F4DAF1#FBF9E8#99EEEE
- Thunder & Lightning Split-complementary Color Scheme#F9F5DB#DBECFB#EEDDFF#EFE499#E8F5FC
- Thunder & Lightning Tetradic Color Scheme#F9F5DB#DDF5E7#DBDBF7#F9D7EE#FBF9E8
- Thunder & Lightning Monochromatic Color Scheme#E6D058#EFE499#F9F5DB#FBF9E8#FBF9E8
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Thunder & Lightning?
In a complementary scheme: Elderflower (#FBF9E8), Nostalgia Perfume (#DBDBF7), Cold Lips (#9BA0EF), Cotton Boll (#E7EFFB).
What is the hex code of Thunder & Lightning?
#F9F5DB.