diff --git a/cypress/e2e/card.cy.ts b/cypress/e2e/card.cy.ts
index 54984fa8..ddcef612 100644
--- a/cypress/e2e/card.cy.ts
+++ b/cypress/e2e/card.cy.ts
@@ -62,7 +62,8 @@ describe('Card', () => {
         "wind_bearing": 'WSW',
         "condition": "cloudy",
         "clouds": 60,
-        "temperature": 84
+        "temperature": 84,
+        "humidity": 50
       },
     ];
     cy.addEntity({
@@ -89,7 +90,8 @@ describe('Card', () => {
         "wind_bearing": 'WSW',
         "condition": "cloudy",
         "clouds": 60,
-        "temperature": 84
+        "temperature": 84,
+        "humidity": 50
       },
       {
         "datetime": "2022-07-21T17:00:00+00:00",
@@ -100,7 +102,8 @@ describe('Card', () => {
         "wind_bearing": 'WSW',
         "condition": "cloudy",
         "clouds": 60,
-        "temperature": 84
+        "temperature": 84,
+        "humidity": 50
       }
     ];
     cy.addForecast('weather.fromSub', forecast2);
diff --git a/cypress/e2e/config.cy.ts b/cypress/e2e/config.cy.ts
index 7bc3a574..a9c2a493 100644
--- a/cypress/e2e/config.cy.ts
+++ b/cypress/e2e/config.cy.ts
@@ -82,7 +82,8 @@ describe('Config', () => {
               "wind_bearing": 'WSW',
               "condition": "cloudy",
               "clouds": 60,
-              "temperature": 84
+              "temperature": 84,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T18:00:00+00:00",
@@ -93,7 +94,8 @@ describe('Config', () => {
               "wind_bearing": 'WSW',
               "condition": "cloudy",
               "clouds": 75,
-              "temperature": 85
+              "temperature": 85,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T19:00:00+00:00",
@@ -104,7 +106,8 @@ describe('Config', () => {
               "wind_bearing": 'W',
               "condition": "cloudy",
               "clouds": 60,
-              "temperature": 85
+              "temperature": 85,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T20:00:00+00:00",
@@ -115,7 +118,8 @@ describe('Config', () => {
               "wind_bearing": 'W',
               "condition": "partlycloudy",
               "clouds": 49,
-              "temperature": 84
+              "temperature": 84,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T21:00:00+00:00",
@@ -126,7 +130,8 @@ describe('Config', () => {
               "wind_bearing": 'WNW',
               "condition": "partlycloudy",
               "clouds": 34,
-              "temperature": 84
+              "temperature": 84,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T22:00:00+00:00",
@@ -137,7 +142,8 @@ describe('Config', () => {
               "wind_bearing": 'WNW',
               "condition": "partlycloudy",
               "clouds": 19,
-              "temperature": 83
+              "temperature": 83,
+              "humidity": 50
             }
           ]
         }
@@ -169,7 +175,8 @@ describe('Config', () => {
               "wind_bearing": 'WSW',
               "condition": "cloudy",
               "clouds": 60,
-              "temperature": 84
+              "temperature": 84,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T18:00:00+00:00",
@@ -180,7 +187,8 @@ describe('Config', () => {
               "wind_bearing": 'WSW',
               "condition": "cloudy",
               "clouds": 75,
-              "temperature": 85
+              "temperature": 85,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T19:00:00+00:00",
@@ -191,7 +199,8 @@ describe('Config', () => {
               "wind_bearing": 'W',
               "condition": "cloudy",
               "clouds": 60,
-              "temperature": 85
+              "temperature": 85,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T20:00:00+00:00",
@@ -202,7 +211,8 @@ describe('Config', () => {
               "wind_bearing": 'W',
               "condition": "partlycloudy",
               "clouds": 49,
-              "temperature": 84
+              "temperature": 84,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T21:00:00+00:00",
@@ -213,7 +223,8 @@ describe('Config', () => {
               "wind_bearing": 'WNW',
               "condition": "partlycloudy",
               "clouds": 34,
-              "temperature": 84
+              "temperature": 84,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T22:00:00+00:00",
@@ -224,7 +235,8 @@ describe('Config', () => {
               "wind_bearing": 'WNW',
               "condition": "partlycloudy",
               "clouds": 19,
-              "temperature": 83
+              "temperature": 83,
+              "humidity": 50
             }
           ]
         }
@@ -385,7 +397,8 @@ describe('Config', () => {
                 "wind_bearing": 255,
                 "condition": "sunny",
                 "clouds": 60,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T18:00:00+00:00",
@@ -396,7 +409,8 @@ describe('Config', () => {
                 "wind_bearing": 253,
                 "condition": "sunny",
                 "clouds": 75,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T19:00:00+00:00",
@@ -407,7 +421,8 @@ describe('Config', () => {
                 "wind_bearing": 258,
                 "condition": "sunny",
                 "clouds": 60,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T20:00:00+00:00",
@@ -418,7 +433,8 @@ describe('Config', () => {
                 "wind_bearing": 278,
                 "condition": "sunny",
                 "clouds": 49,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T21:00:00+00:00",
@@ -429,7 +445,8 @@ describe('Config', () => {
                 "wind_bearing": 297,
                 "condition": "sunny",
                 "clouds": 34,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T22:00:00+00:00",
@@ -440,7 +457,8 @@ describe('Config', () => {
                 "wind_bearing": 293,
                 "condition": "sunny",
                 "clouds": 19,
-                "temperature": 83
+                "temperature": 83,
+                "humidity": 50
               }
             ]
           }
@@ -456,7 +474,8 @@ describe('Config', () => {
           "wind_bearing": 255,
           "condition": "snowy",
           "clouds": 60,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T18:00:00+00:00",
@@ -467,7 +486,8 @@ describe('Config', () => {
           "wind_bearing": 253,
           "condition": "snowy",
           "clouds": 75,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T19:00:00+00:00",
@@ -478,7 +498,8 @@ describe('Config', () => {
           "wind_bearing": 258,
           "condition": "snowy",
           "clouds": 60,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T20:00:00+00:00",
@@ -489,7 +510,8 @@ describe('Config', () => {
           "wind_bearing": 278,
           "condition": "snowy",
           "clouds": 49,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T21:00:00+00:00",
@@ -500,7 +522,8 @@ describe('Config', () => {
           "wind_bearing": 297,
           "condition": "snowy",
           "clouds": 34,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T22:00:00+00:00",
@@ -511,7 +534,8 @@ describe('Config', () => {
           "wind_bearing": 293,
           "condition": "snowy",
           "clouds": 19,
-          "temperature": 83
+          "temperature": 83,
+          "humidity": 50
         }
       ]);
 
@@ -547,7 +571,8 @@ describe('Config', () => {
           "wind_bearing": 255,
           "condition": "snowy",
           "clouds": 60,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T18:00:00+00:00",
@@ -558,7 +583,8 @@ describe('Config', () => {
           "wind_bearing": 253,
           "condition": "snowy",
           "clouds": 75,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T19:00:00+00:00",
@@ -569,7 +595,8 @@ describe('Config', () => {
           "wind_bearing": 258,
           "condition": "snowy",
           "clouds": 60,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T20:00:00+00:00",
@@ -580,7 +607,8 @@ describe('Config', () => {
           "wind_bearing": 278,
           "condition": "snowy",
           "clouds": 49,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T21:00:00+00:00",
@@ -591,7 +619,8 @@ describe('Config', () => {
           "wind_bearing": 297,
           "condition": "snowy",
           "clouds": 34,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T22:00:00+00:00",
@@ -602,7 +631,8 @@ describe('Config', () => {
           "wind_bearing": 293,
           "condition": "snowy",
           "clouds": 19,
-          "temperature": 83
+          "temperature": 83,
+          "humidity": 50
         }
       ]);
 
@@ -637,7 +667,8 @@ describe('Config', () => {
           "wind_bearing": 255,
           "condition": "snowy",
           "clouds": 60,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T18:00:00+00:00",
@@ -648,7 +679,8 @@ describe('Config', () => {
           "wind_bearing": 253,
           "condition": "snowy",
           "clouds": 75,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T19:00:00+00:00",
@@ -659,7 +691,8 @@ describe('Config', () => {
           "wind_bearing": 258,
           "condition": "snowy",
           "clouds": 60,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T20:00:00+00:00",
@@ -670,7 +703,8 @@ describe('Config', () => {
           "wind_bearing": 278,
           "condition": "snowy",
           "clouds": 49,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T21:00:00+00:00",
@@ -681,7 +715,8 @@ describe('Config', () => {
           "wind_bearing": 297,
           "condition": "snowy",
           "clouds": 34,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T22:00:00+00:00",
@@ -692,7 +727,8 @@ describe('Config', () => {
           "wind_bearing": 293,
           "condition": "snowy",
           "clouds": 19,
-          "temperature": 83
+          "temperature": 83,
+          "humidity": 50
         }
       ]);
 
@@ -720,7 +756,8 @@ describe('Config', () => {
           "wind_bearing": 255,
           "condition": "rainy",
           "clouds": 60,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T18:00:00+00:00",
@@ -731,7 +768,8 @@ describe('Config', () => {
           "wind_bearing": 253,
           "condition": "rainy",
           "clouds": 75,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T19:00:00+00:00",
@@ -742,7 +780,8 @@ describe('Config', () => {
           "wind_bearing": 258,
           "condition": "rainy",
           "clouds": 60,
-          "temperature": 85
+          "temperature": 85,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T20:00:00+00:00",
@@ -753,7 +792,8 @@ describe('Config', () => {
           "wind_bearing": 278,
           "condition": "rainy",
           "clouds": 49,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T21:00:00+00:00",
@@ -764,7 +804,8 @@ describe('Config', () => {
           "wind_bearing": 297,
           "condition": "rainy",
           "clouds": 34,
-          "temperature": 84
+          "temperature": 84,
+          "humidity": 50
         },
         {
           "datetime": "2022-07-21T22:00:00+00:00",
@@ -775,7 +816,8 @@ describe('Config', () => {
           "wind_bearing": 293,
           "condition": "rainy",
           "clouds": 19,
-          "temperature": 83
+          "temperature": 83,
+          "humidity": 50
         }
       ]);
 
diff --git a/cypress/e2e/internationalization.cy.ts b/cypress/e2e/internationalization.cy.ts
index bee1704f..fa4c6580 100644
--- a/cypress/e2e/internationalization.cy.ts
+++ b/cypress/e2e/internationalization.cy.ts
@@ -71,7 +71,8 @@ describe('Internationalization', () => {
               "wind_bearing": 255,
               "condition": "cloudy",
               "clouds": 60,
-              "temperature": 84.2
+              "temperature": 84.2,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T18:00:00+00:00",
@@ -82,7 +83,8 @@ describe('Internationalization', () => {
               "wind_bearing": 253,
               "condition": "cloudy",
               "clouds": 75,
-              "temperature": 85.5
+              "temperature": 85.5,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T19:00:00+00:00",
@@ -93,7 +95,8 @@ describe('Internationalization', () => {
               "wind_bearing": 258,
               "condition": "cloudy",
               "clouds": 60,
-              "temperature": 85.3
+              "temperature": 85.3,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T20:00:00+00:00",
@@ -104,7 +107,8 @@ describe('Internationalization', () => {
               "wind_bearing": 278,
               "condition": "partlycloudy",
               "clouds": 49,
-              "temperature": 84.0
+              "temperature": 84.0,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T21:00:00+00:00",
@@ -115,7 +119,8 @@ describe('Internationalization', () => {
               "wind_bearing": 297,
               "condition": "partlycloudy",
               "clouds": 34,
-              "temperature": 84.1
+              "temperature": 84.1,
+              "humidity": 50
             },
             {
               "datetime": "2022-07-21T22:00:00+00:00",
@@ -126,7 +131,8 @@ describe('Internationalization', () => {
               "wind_bearing": 293,
               "condition": "partlycloudy",
               "clouds": 19,
-              "temperature": 83.8
+              "temperature": 83.8,
+              "humidity": 50
             }
           ]}
         }
diff --git a/cypress/e2e/weather-bar.cy.ts b/cypress/e2e/weather-bar.cy.ts
index 3909d2c9..598cddc7 100644
--- a/cypress/e2e/weather-bar.cy.ts
+++ b/cypress/e2e/weather-bar.cy.ts
@@ -389,7 +389,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WSW',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": Number.NaN
+                "temperature": Number.NaN,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T18:00:00+00:00",
@@ -400,7 +401,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'W',
                 "condition": "cloudy",
                 "clouds": 75,
-                "temperature": Number.NaN
+                "temperature": Number.NaN,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T19:00:00+00:00",
@@ -411,7 +413,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WSW',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": Number.NaN
+                "temperature": Number.NaN,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T20:00:00+00:00",
@@ -422,7 +425,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'W',
                 "condition": "partlycloudy",
                 "clouds": 49,
-                "temperature": Number.NaN
+                "temperature": Number.NaN,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T21:00:00+00:00",
@@ -433,7 +437,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WNW',
                 "condition": "partlycloudy",
                 "clouds": 34,
-                "temperature": Number.NaN
+                "temperature": Number.NaN,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T22:00:00+00:00",
@@ -444,7 +449,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WNW',
                 "condition": "partlycloudy",
                 "clouds": 19,
-                "temperature": Number.NaN
+                "temperature": Number.NaN,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T23:00:00+00:00",
@@ -455,7 +461,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'NW',
                 "condition": "sunny",
                 "clouds": 4,
-                "temperature": Number.NaN
+                "temperature": Number.NaN,
+                "humidity": 50
               }
             ]
           }
@@ -661,7 +668,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WSW',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T18:00:00+00:00",
@@ -672,7 +680,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'W',
                 "condition": "cloudy",
                 "clouds": 75,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T19:00:00+00:00",
@@ -683,7 +692,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WSW',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T20:00:00+00:00",
@@ -694,7 +704,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'W',
                 "condition": "partlycloudy",
                 "clouds": 49,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T21:00:00+00:00",
@@ -705,7 +716,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WNW',
                 "condition": "partlycloudy",
                 "clouds": 34,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T22:00:00+00:00",
@@ -716,7 +728,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WNW',
                 "condition": "partlycloudy",
                 "clouds": 19,
-                "temperature": 83
+                "temperature": 83,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T23:00:00+00:00",
@@ -727,7 +740,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'NW',
                 "condition": "sunny",
                 "clouds": 4,
-                "temperature": 79
+                "temperature": 79,
+                "humidity": 50
               }
             ]
           }
@@ -765,7 +779,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WSW',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T18:00:00+00:00",
@@ -776,7 +791,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'WSW',
                 "condition": "cloudy",
                 "clouds": 75,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T19:00:00+00:00",
@@ -787,7 +803,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'W',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T20:00:00+00:00",
@@ -798,7 +815,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'W',
                 "condition": "partlycloudy",
                 "clouds": 49,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T21:00:00+00:00",
@@ -809,7 +827,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'ENE',
                 "condition": "partlycloudy",
                 "clouds": 34,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T22:00:00+00:00",
@@ -820,7 +839,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'ENE',
                 "condition": "partlycloudy",
                 "clouds": 19,
-                "temperature": 83
+                "temperature": 83,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T23:00:00+00:00",
@@ -831,7 +851,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'NW',
                 "condition": "sunny",
                 "clouds": 4,
-                "temperature": 79
+                "temperature": 79,
+                "humidity": 50
               }
             ]
           }
@@ -876,7 +897,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'ABC',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T18:00:00+00:00",
@@ -887,7 +909,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'ABC',
                 "condition": "cloudy",
                 "clouds": 75,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T19:00:00+00:00",
@@ -898,7 +921,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'DEF',
                 "condition": "cloudy",
                 "clouds": 60,
-                "temperature": 85
+                "temperature": 85,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T20:00:00+00:00",
@@ -909,7 +933,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'DEF',
                 "condition": "partlycloudy",
                 "clouds": 49,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T21:00:00+00:00",
@@ -920,7 +945,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'GHI',
                 "condition": "partlycloudy",
                 "clouds": 34,
-                "temperature": 84
+                "temperature": 84,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T22:00:00+00:00",
@@ -931,7 +957,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'GHI',
                 "condition": "partlycloudy",
                 "clouds": 19,
-                "temperature": 83
+                "temperature": 83,
+                "humidity": 50
               },
               {
                 "datetime": "2022-07-21T23:00:00+00:00",
@@ -942,7 +969,8 @@ describe('Weather bar', () => {
                 "wind_bearing": 'JKL',
                 "condition": "sunny",
                 "clouds": 4,
-                "temperature": 79
+                "temperature": 79,
+                "humidity": 50
               }
             ]
           }
diff --git a/src/editor.ts b/src/editor.ts
index 6c323fa0..0b172350 100644
--- a/src/editor.ts
+++ b/src/editor.ts
@@ -66,6 +66,10 @@ export class HourlyWeatherCardEditor extends ScopedRegistryHost(LitElement) impl
     return showWind ?? 'false';
   }
 
+  get _show_humidity(): boolean {
+    return this._config?.show_humidity ?? false;
+  }
+
   get _show_precipitation_amounts(): boolean {
     return this._config?.show_precipitation_amounts ?? false;
   }
@@ -188,6 +192,13 @@ export class HourlyWeatherCardEditor extends ScopedRegistryHost(LitElement) impl
         <mwc-list-item value="all">${localize('editor.all')}</mwc-list-item>
         <mwc-list-item value="boundary">${localize('editor.on_day_boundaries')}</mwc-list-item>
       </mwc-select>
+      <mwc-formfield .label=${localize('editor.show_humidity')}>
+        <mwc-switch
+          .checked=${this._show_humidity === true}
+          .configValue=${'show_humidity'}
+          @change=${this._valueChanged}
+        ></mwc-switch>
+      </mwc-formfield>
       <mwc-formfield .label=${localize('editor.show_precipitation_amounts')}>
         <mwc-switch
           .checked=${this._show_precipitation_amounts === true}
diff --git a/src/hourly-weather.ts b/src/hourly-weather.ts
index c1fd6248..e697a373 100644
--- a/src/hourly-weather.ts
+++ b/src/hourly-weather.ts
@@ -32,6 +32,7 @@ import type {
   RenderTemplateResult,
   SegmentPrecipitation,
   SegmentTemperature,
+  SegmentHumidity,
   SegmentWind,
 } from './types';
 import { actionHandler } from './action-handler-directive';
@@ -370,6 +371,7 @@ export class HourlyWeatherCard extends LitElement {
 
     const conditionList = this.getConditionListFromForecast(forecast, numSegments, offset);
     const temperatures = this.getTemperatures(forecast, numSegments, offset);
+    const humidity = this.getHumidity(forecast, numSegments, offset);
     const wind = this.getWind(forecast, numSegments, offset, windSpeedUnit);
     const precipitation = this.getPrecipitation(forecast, numSegments, offset, precipitationUnit);
 
@@ -393,6 +395,7 @@ export class HourlyWeatherCard extends LitElement {
           <weather-bar
             .conditions=${conditionList}
             .temperatures=${temperatures}
+            .humidity=${humidity}
             .wind=${wind}
             .precipitation=${precipitation}
             .icons=${!!config.icons}
@@ -401,6 +404,7 @@ export class HourlyWeatherCard extends LitElement {
             .hide_temperatures=${!!config.hide_temperatures}
             .round_temperatures=${!!config.round_temperatures}
             .hide_bar=${!!config.hide_bar}
+            .show_humidity=${!!config.show_humidity}
             .show_wind=${showWind}
             .show_precipitation_amounts=${!!config.show_precipitation_amounts}
             .show_precipitation_probability=${!!config.show_precipitation_probability}
@@ -443,6 +447,19 @@ export class HourlyWeatherCard extends LitElement {
     return temperatures;
   }
 
+  private getHumidity(forecast: ForecastSegment[], numSegments: number, offset: number): SegmentHumidity[] {
+    const humidity: SegmentHumidity[] = [];
+    for (let i = offset; i < numSegments + offset; i++) {
+      const fs = forecast[i];
+      const dt = new Date(fs.datetime)
+      humidity.push({
+        hour: this.formatHour(dt, this.hass.locale),
+        humidity: `${formatNumber(fs.humidity, this.hass.locale)}%`.trim()
+      })
+    }
+    return humidity;
+  }
+
   private getPrecipitation(forecast: ForecastSegment[], numSegments: number, offset: number, unit: string): SegmentPrecipitation[] {
     const precipitation: SegmentPrecipitation[] = [];
     for (let i = offset; i < numSegments + offset; i++) {
diff --git a/src/localize/languages/cs.json b/src/localize/languages/cs.json
index 63b3191d..28ea8da5 100644
--- a/src/localize/languages/cs.json
+++ b/src/localize/languages/cs.json
@@ -17,6 +17,7 @@
       "show_date": "Zobrazit datumy",
       "show_precipitation_amounts": "Zobrazit množství srážek",
       "show_precipitation_probability": "Zobrazit pravdědpodobnost srážek",
+      "show_humidity": "Zobrazit vlhkost",
       "none": "Žádné",
       "speed_and_direction": "Rychlost a směr",
       "speed_only": "Jen rychlost",
diff --git a/src/localize/languages/da.json b/src/localize/languages/da.json
index f1122bfb..6bcf1c0a 100644
--- a/src/localize/languages/da.json
+++ b/src/localize/languages/da.json
@@ -16,6 +16,7 @@
     "show_wind": "Vis vindhastighed og retning",
     "show_precipitation_amounts": "Vis nedbørsmængde",
     "show_precipitation_probability": "Vis nedbørssandsynlighed",
+    "show_humidity": "Vis fugtighed",
     "none": "Ingen",
     "speed_and_direction": "Hastighed og retning",
     "speed_only": "Kun hastighed",
diff --git a/src/localize/languages/de.json b/src/localize/languages/de.json
index 3d2923a5..ca7ffafa 100644
--- a/src/localize/languages/de.json
+++ b/src/localize/languages/de.json
@@ -19,6 +19,7 @@
     "direction_only": "Nur Richtung",
     "barb": "Als Windbarbe",
     "show_precipitation_probability": "Niederschlagswahrscheinlichkeit anzeigen",
+    "show_humidity": "Luftfeuchtigkeit anzeigen",
     "none": "Keiner",
     "speed_and_direction": "Geschwindigkeit und Richtung",
     "barb_and_speed": "Als Windwiderhaken und Geschwindigkeit",
diff --git a/src/localize/languages/en.json b/src/localize/languages/en.json
index 887c4186..7f76b6dc 100644
--- a/src/localize/languages/en.json
+++ b/src/localize/languages/en.json
@@ -17,6 +17,7 @@
     "show_date": "Show dates",
     "show_precipitation_amounts": "Show precipitation amount",
     "show_precipitation_probability": "Show precipitation probability",
+    "show_humidity": "Show humidity",
     "none": "None",
     "speed_and_direction": "Speed and direction",
     "speed_only": "Speed only",
diff --git a/src/localize/languages/es.json b/src/localize/languages/es.json
index 39d8a842..202982fa 100644
--- a/src/localize/languages/es.json
+++ b/src/localize/languages/es.json
@@ -19,6 +19,7 @@
     "direction_only": "Solo dirección",
     "barb": "Como púa de viento",
     "show_precipitation_probability": "Mostrar probabilidad de precipitación",
+    "show_humidity": "Mostrar humedad",
     "none": "Ninguno",
     "speed_and_direction": "Velocidad y dirección",
     "barb_and_speed": "Como púas de viento y velocidad",
diff --git a/src/localize/languages/fr.json b/src/localize/languages/fr.json
index 4675fa9c..e12855a1 100644
--- a/src/localize/languages/fr.json
+++ b/src/localize/languages/fr.json
@@ -19,6 +19,7 @@
     "direction_only": "Sens uniquement",
     "barb": "Comme barbillon de vent",
     "show_precipitation_probability": "Afficher la probabilité de précipitation",
+    "show_humidity": "Afficher l'humidité",
     "none": "Aucun",
     "speed_and_direction": "Vitesse et orientation",
     "barb_and_speed": "Comme barbe de vent et vitesse",
diff --git a/src/localize/languages/hu.json b/src/localize/languages/hu.json
index ea827e31..c374a18e 100644
--- a/src/localize/languages/hu.json
+++ b/src/localize/languages/hu.json
@@ -16,6 +16,7 @@
     "show_wind": "Szélsebesség és irány megjelenítése",
     "show_precipitation_amounts": "Csapadékmennyiség megjelenítése",
     "show_precipitation_probability": "Csapadék valószínűségének megjelenítése",
+    "show_humidity": "Páratartalom megjelenítése",
     "speed_only": "Sebesség",
     "direction_only": "Irány",
     "barb": "Irány nyílként",
diff --git a/src/localize/languages/it.json b/src/localize/languages/it.json
index fa3b3b8d..c8ee2938 100644
--- a/src/localize/languages/it.json
+++ b/src/localize/languages/it.json
@@ -19,6 +19,7 @@
     "direction_only": "Solo direzione",
     "barb": "Come una punta di vento",
     "show_precipitation_probability": "Mostra la probabilità di precipitazioni",
+    "show_humidity": "Mostra l'umidità",
     "none": "Nessuno",
     "speed_and_direction": "Velocità e direzione",
     "barb_and_speed": "Come il vento tagliente e la velocità",
diff --git a/src/localize/languages/nb.json b/src/localize/languages/nb.json
index 2cbc4a23..9d13a188 100644
--- a/src/localize/languages/nb.json
+++ b/src/localize/languages/nb.json
@@ -19,6 +19,7 @@
     "direction_only": "Kun retning",
     "barb": "Som vindmothak",
     "show_precipitation_probability": "Vis nedbørssannsynlighet",
+    "show_humidity": "Vis fuktighet",
     "none": "Ingen",
     "speed_and_direction": "Fart og retning",
     "barb_and_speed": "Som vindmottak og fart",
diff --git a/src/localize/languages/nl.json b/src/localize/languages/nl.json
index f37e6535..33d7d4d5 100644
--- a/src/localize/languages/nl.json
+++ b/src/localize/languages/nl.json
@@ -19,6 +19,7 @@
     "direction_only": "Alleen richting (tekst)",
     "barb": "Alleen richting (pijl)",
     "show_precipitation_probability": "Neerslagkans weergeven",
+    "show_humidity": "Laat vochtigheid zien",
     "none": "Geen",
     "speed_and_direction": "Snelheid en richting",
     "barb_and_speed": "Zoals wind weerhaak en snelheid",
diff --git a/src/localize/languages/nn-NO.json b/src/localize/languages/nn-NO.json
index b2a8d75b..aed322cd 100644
--- a/src/localize/languages/nn-NO.json
+++ b/src/localize/languages/nn-NO.json
@@ -21,6 +21,7 @@
     "direction_only": "Kun retning",
     "barb": "Som vindmothak",
     "show_precipitation_probability": "Vis nedbørssannsyn",
+    "show_humidity": "Vis fuktighet",
     "none": "Ingen",
     "speed_and_direction": "Fart og retning",
     "barb_and_speed": "Som vindmottak og fart",
diff --git a/src/localize/languages/pl.json b/src/localize/languages/pl.json
index b036d8e4..7c88c687 100644
--- a/src/localize/languages/pl.json
+++ b/src/localize/languages/pl.json
@@ -19,6 +19,7 @@
     "direction_only": "Tylko kierunek",
     "barb": "Jak kolce wiatru",
     "show_precipitation_probability": "Pokaż prawdopodobieństwo opadów",
+    "show_humidity": "Pokaż wilgotność",
     "none": "Nic",
     "speed_and_direction": "Szybkość i kierunek",
     "barb_and_speed": "Jak kolce wiatru i prędkość",
diff --git a/src/localize/languages/pt-BR.json b/src/localize/languages/pt-BR.json
index 3beadd5b..c8832a09 100644
--- a/src/localize/languages/pt-BR.json
+++ b/src/localize/languages/pt-BR.json
@@ -21,6 +21,7 @@
     "direction_only": "Apenas direção",
     "barb": "Como farpa de vento",
     "show_precipitation_probability": "Mostrar probabilidade de precipitação",
+    "show_humidity": "Mostrar umidade",
     "none": "Nenhum",
     "speed_and_direction": "Velocidade e direção",
     "barb_and_speed": "Como farpa de vento e velocidade",
diff --git a/src/localize/languages/pt.json b/src/localize/languages/pt.json
index 5dd710fc..385fb032 100644
--- a/src/localize/languages/pt.json
+++ b/src/localize/languages/pt.json
@@ -19,6 +19,7 @@
     "direction_only": "Apenas direção",
     "barb": "Como farpa de vento",
     "show_precipitation_probability": "Mostrar probabilidade de precipitação",
+    "show_humidity": "Mostrar umidade",
     "none": "Nenhum",
     "speed_and_direction": "Velocidade e direção",
     "barb_and_speed": "Como farpa de vento e velocidade",
diff --git a/src/localize/languages/ru.json b/src/localize/languages/ru.json
index 547cfc17..05c118e7 100644
--- a/src/localize/languages/ru.json
+++ b/src/localize/languages/ru.json
@@ -17,6 +17,7 @@
     "show_date": "Отображать даты",
     "show_precipitation_amounts": "Отображать количество осадков",
     "show_precipitation_probability": "Отображать вероятность осадков",
+    "show_humidity": "Показать влажность",
     "none": "Нет",
     "speed_and_direction": "Скорость и направление",
     "speed_only": "Только скорость",
diff --git a/src/localize/languages/sk.json b/src/localize/languages/sk.json
index 5ba60827..bb49db92 100644
--- a/src/localize/languages/sk.json
+++ b/src/localize/languages/sk.json
@@ -16,6 +16,7 @@
     "show_wind": "Zobraziť rýchlosť a smer vetra",
     "show_precipitation_amounts": "Zobraziť množstvo zrážok",
     "show_precipitation_probability": "Zobraziť pravdepodobnosť zrážok",
+    "show_humidity": "Ukážte vlhkosť",
     "none": "Nič",
     "speed_and_direction": "Rýchlosť a smer",
     "speed_only": "Len rýchlosť",
diff --git a/src/localize/languages/zh.json b/src/localize/languages/zh.json
index ec0c28a9..9fa7366f 100644
--- a/src/localize/languages/zh.json
+++ b/src/localize/languages/zh.json
@@ -17,6 +17,7 @@
     "show_date": "显示日期",
     "show_precipitation_amounts": "显示降雨量",
     "show_precipitation_probability": "显示降雨概率",
+    "show_humidity": "显示湿度",
     "none": "无",
     "speed_and_direction": "速度和方向",
     "speed_only": "仅速度",
diff --git a/src/types.ts b/src/types.ts
index 5b6ace36..19600a26 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -26,6 +26,7 @@ export interface HourlyWeatherCardConfig extends LovelaceCardConfig {
   hide_temperatures?: boolean;
   round_temperatures?: boolean;
   show_wind?: WindType | boolean; // 'true' | 'false' | 'speed' | 'direction' | 'barb' | 'barb-and-speed' | 'barb-and-direction' | 'barb-speed-and-direction'
+  show_humidity?: boolean;
   show_precipitation_amounts?: boolean;
   show_precipitation_probability?: boolean;
   show_date?: ShowDateType; // 'false' | 'boundary' | 'all'
@@ -70,6 +71,7 @@ export interface ForecastSegment {
   precipitation_probability: number; // 85
   pressure: number; // 1007
   temperature: number; // 61
+  humidity: number; // 50
   wind_bearing: number | string; // 153 | 'SSW'
   wind_speed: number; // 3.06
 }
@@ -85,6 +87,11 @@ export interface SegmentTemperature {
   temperature: string
 }
 
+export interface SegmentHumidity {
+  hour: string,
+  humidity: string
+}
+
 export interface SegmentWind {
   hour: string,
   windSpeed: string,
diff --git a/src/weather-bar.ts b/src/weather-bar.ts
index f1959b49..9bece8f6 100644
--- a/src/weather-bar.ts
+++ b/src/weather-bar.ts
@@ -4,7 +4,7 @@ import { StyleInfo, styleMap } from 'lit/directives/style-map.js';
 import tippy, { Instance } from 'tippy.js';
 import { LABELS, ICONS } from "./conditions";
 import { getWindBarbSVG } from "./lib/svg-wind-barbs";
-import type { ColorMap, ConditionSpan, SegmentTemperature, SegmentWind, SegmentPrecipitation, WindType, ShowDateType } from "./types";
+import type { ColorMap, ConditionSpan, SegmentTemperature, SegmentHumidity, SegmentWind, SegmentPrecipitation, WindType, ShowDateType } from "./types";
 
 const tippyStyles: string = process.env.TIPPY_CSS || '';
 
@@ -15,6 +15,9 @@ export class WeatherBar extends LitElement {
   @property({ type: Array })
   temperatures: SegmentTemperature[] = [];
 
+  @property({ type: Array })
+  humidity: SegmentHumidity[] = [];
+
   @property({ type: Array })
   wind: SegmentWind[] = [];
 
@@ -42,6 +45,9 @@ export class WeatherBar extends LitElement {
   @property({ type: String })
   show_wind: WindType = 'false';
 
+  @property({ type: Boolean })
+  show_humidity = false;
+
   @property({ type: Boolean })
   show_precipitation_amounts = false;
 
@@ -86,6 +92,7 @@ export class WeatherBar extends LitElement {
       const skipLabel = i % (this.label_spacing) !== 0;
       const hideHours = this.hide_hours || skipLabel;
       const hideTemperature = this.hide_temperatures || skipLabel;
+      const showHumidity = this.show_humidity && !skipLabel;
       const showWindSpeed = (windCfg === 'true' || windCfg.includes('speed')) && !skipLabel;
       const showWindDirection = (windCfg === 'true' || windCfg.includes('direction')) && !skipLabel;
       const showWindBarb = windCfg.includes('barb') && !skipLabel;
@@ -110,8 +117,11 @@ export class WeatherBar extends LitElement {
           }
         }
       }
-      const { windSpeed, windSpeedRawMS, windDirection, windDirectionRaw } = this.wind[i];
+      const humidityText = this.humidity[i].humidity;
+      const humidity: TemplateResult[] = [];
+      if (showHumidity) humidity.push(html`${humidityText}`);
 
+      const { windSpeed, windSpeedRawMS, windDirection, windDirectionRaw } = this.wind[i];
       const wind: TemplateResult[] = [];
       if (showWindBarb && typeof windDirectionRaw === 'number') {
         wind.push(html`<span title=${`${windSpeed} ${windDirection}`}>
@@ -138,6 +148,7 @@ export class WeatherBar extends LitElement {
             <div class="date">${renderedDate}</div>
             <div class="hour">${hideHours ? null : hour}</div>
             <div class="temperature">${hideTemperature ? null : html`${displayTemperature}&deg;`}</div>
+            <div class="humidity">${humidity}</div>
             <div class="wind">${wind}</div>
             <div class="precipitation">${precipitation}</div>
           </div>
@@ -346,7 +357,8 @@ export class WeatherBar extends LitElement {
       font-size: 1.1rem;
     }
     .wind,
-    .precipitation {
+    .precipitation,
+    .humidity {
       font-size: 0.9rem;
       line-height: 1.1rem;
       padding-top: 0.1rem;