diff --git a/app/controllers/social_previews_controller.rb b/app/controllers/social_previews_controller.rb
index 8d90f3432..019eb6868 100644
--- a/app/controllers/social_previews_controller.rb
+++ b/app/controllers/social_previews_controller.rb
@@ -38,6 +38,7 @@ class SocialPreviewsController < ApplicationController
 
   def tag
     @tag = Tag.find(params[:id])
+    @compare_hex = Color::CompareHex.new([@tag.bg_color_hex || "#000000", @tag.text_color_hex || "#ffffff"])
 
     set_respond
   end
diff --git a/app/views/social_previews/tag.html.erb b/app/views/social_previews/tag.html.erb
index 88854a358..398783b1e 100644
--- a/app/views/social_previews/tag.html.erb
+++ b/app/views/social_previews/tag.html.erb
@@ -1,6 +1,6 @@
-<% accent_color = Color::CompareHex.new([@tag.bg_color_hex, @tag.text_color_hex]).biggest %>
-<% color = Color::CompareHex.new([@tag.bg_color_hex, @tag.text_color_hex]).brightness(1.4) %>
-<% dark_color = Color::CompareHex.new([@tag.bg_color_hex, @tag.text_color_hex]).brightness(0.7) %>
+<% accent_color = @compare_hex.biggest %>
+<% color = @compare_hex.brightness(1.4) %>
+<% dark_color = @compare_hex.brightness(0.7) %>
 <% not_so_rand = Random.new(@tag.id) # Using ID as seed ensures we get the same "random" numbers on each page load, Improves caching %>
 <style>
   body {