diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index f2d974aec..5530591e7 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -4026,6 +4026,9 @@ ul.comment-section {
 .profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far {
 	color: var(--black);
 }
+.profile-owned-all-hats {
+	color: gold;
+}
 #page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, #article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 {
 	font-weight: 600;
 }
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index 9dba4d412..5c79260b7 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -253,7 +253,7 @@
 						<p id="profile--info--spent">Coins spent: {{u.coins_spent}}</p>
 						<p id="profile--info--truescore">True score: {{u.truecoins}}</p>
 						<p id="profile--info--winnings">Winnings: {{u.winnings}}</p>
-						<p id="profile--info--hats-owned">{{owned_hats}}/{{total_num_of_hats}} hats owned ({{owned_hats_pct}})</p>
+						<p id="profile--info--hats-owned" {% if owned_hats == total_num_of_hats %}class="profile-owned-all-hats"{% endif %}>{{owned_hats}}/{{total_num_of_hats}} hats owned ({{owned_hats_pct}})</p>
 						{% if u.is_private %}
 							<p id="profile--info--private">User has private mode enabled</p>
 						{% endif %}
@@ -497,7 +497,7 @@
 					<p id="profile-mobile--info--spent">Coins spent: {{u.coins_spent}}</p>
 					<p id="profile-mobile--info--truescore">True score: {{u.truecoins}}</p>
 					<p id="profile-mobile--info--winnings">Winnings: {{u.winnings}}</p>
-					<p id="profile-mobile--info--hats-owned">{{owned_hats}}/{{total_num_of_hats}} hats owned ({{owned_hats_pct}})</p>
+					<p id="profile-mobile--info--hats-owned" {% if owned_hats == total_num_of_hats %}class="profile-owned-all-hats"{% endif %}>{{owned_hats}}/{{total_num_of_hats}} hats owned ({{owned_hats_pct}})</p>
 					{% if u.is_private %}
 						<p id="profile-mobile--info--private">User has private mode enabled</p>
 					{% endif %}