All Web Images Videos News
Settings
Appearance
Site Icons
Font Size
Font
General
Infinite Scroll
Open Links in a New Tab
Safe Search
Search Engine Optimization Overview
80
100
HTML Color Codes
Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.
https://htmlcolorcodes.com/
1 high issue
3.0%
5 medium issues
15.2%
4 low issues
12.1%
23 tests passed
69.7%
0.11 seconds
24.78 kB
6 resources
Secure
Seo
Title
The title tag is perfect.
HTML Color Codes
Meta description
The meta description tag is good.
Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.
Headings
The h1 tag is the same with the title tag.
  1. HTML Color Codes
  1. Color Picker
  2. Color Chart
  3. Color Names
  4. Color Library
  5. HTML & CSS Tutorials
  6. Resources
  7. What are HTML color codes?
  8. List of common HTML color codes
  9. Picker
  10. Chart
  11. Names
  12. Library
  13. Tutorials
  14. Resources
  15. Dixon & Moe
  1. #XXXXXX
  2. #FFFFFF
  3. #000000
  4. #454545
  5. #999999
  6. #FF0000
  7. #00FF00
  8. #0000FF
  1. #DFFF00
  2. 223, 255, 0
  3. #FFBF00
  4. 255, 191, 0
  5. #FF7F50
  6. 255, 127, 80
  7. #DE3163
  8. 222, 49, 99
  9. #9FE2BF
  10. 159, 226, 191
  11. #40E0D0
  12. 64, 224, 208
  13. #6495ED
  14. 100, 149, 237
  15. #CCCCFF
  16. 204, 204, 255
  17. Hex color codes
  18. English
  19. English
  20. Español
  21. Français
  22. 中国
  23. © 2015 – 2022 Privacy Policy
  24. Email
  25. Google+
  26. Facebook
  27. CodePen
  28. Lorem Ipsum
  29. Word Counter
  30. Glyphy
  31. Middleman
  32. Highlight.js
  33. ColorJoe.js
  34. ColorHarmony.js
  1. HEX
  2. RGB
  3. HSL
  6. Export palette
  7. Take it for a spin!
  8. See all the charts!
  9. Browse the full list!
  10. Explore the Library!
  11. Start learning!
  12. See the guides!
  13. Share HTML Color Codes with your friends!
  14. Tweet
  15. Post
  16. Share
  17. Pin
  18. Colors and Harmonies
  19. Flat, Material, Web Safe
  20. 140 named HTML Colors
  21. Explore 100+ Colors
  22. HTML, CSS and SCSS
  23. Color Tips and Tricks
  24. Designed By
  25. Contact
  26. Socialize
  27. About
  28. Partner Sites
  29. Colophon
Content keywords
The content has relevant keywords.
htmlcolorcodes
Image keywords
All images have alt attributes set.
SEO friendly URL
The URL is SEO friendly.
https://htmlcolorcodes.com/
404 page
The website has 404 error pages.
https://htmlcolorcodes.com/404-33327ef552dedb4a1201973cf84933a2
Robots.txt
The webpage can be accessed by search engines.
Noindex
The webpage does not have a noindex tag set.
In-page links
The number of links on the webpage is okay.
  1. Font Generator
  2. Dixon & Moe
  3. Email
  4. https://twitter.com/share?url=https://htmlcolorcodes.com/&text=HTML%20Color%20Codes%20—%20the%20best%20color%20tool%20on%20the%20web!%20by%20@dixonandmoe%20%23colorful%20%23useful
  5. https://www.facebook.com/sharer/sharer.php?u=https://htmlcolorcodes.com/
  6. https://plus.google.com/share?url=https://htmlcolorcodes.com/
  7. https://pinterest.com/pin/create/button/?url=https://htmlcolorcodes.com/&media=https://htmlcolorcodes.com/assets/images/html-color-codes-picker-charts-names-tutorials-resources.jpg&description=Easily%20find%20HTML%20color%20codes%20for%20your%20website%20using%20our%20color%20picker,%20color%20chart%20and%20HTML%20color%20names%20with%20Hex%20color%20codes,%20RGB%20and%20HSL%20values.
  8. https://twitter.com/share?url=https://htmlcolorcodes.com/&text=HTML%20Color%20Codes%20—%20the%20best%20color%20tool%20on%20the%20web!%20by%20@dixonandmoe%20%23colorful%20%23useful
  9. https://www.facebook.com/sharer/sharer.php?u=https://htmlcolorcodes.com/
  10. https://plus.google.com/share?url=https://htmlcolorcodes.com/
  11. https://pinterest.com/pin/create/button/?url=https://htmlcolorcodes.com/&media=https://htmlcolorcodes.com/assets/images/html-color-codes-picker-charts-names-tutorials-resources.jpg&description=Easily%20find%20HTML%20color%20codes%20for%20your%20website%20using%20our%20color%20picker,%20color%20chart%20and%20HTML%20color%20names%20with%20Hex%20color%20codes,%20RGB%20and%20HSL%20values.
  12. color picker
  13. color chart
  14. guide
  15. color library
  16. tutorials
  17. color palette generators
  18. free stock photo sites
  19. image search using color
  20. color picker
  21. color charts
  22. Tweet
  23. Post
  24. Share
  25. Pin
  26. https://twitter.com/share?url=https://htmlcolorcodes.com/&text=HTML%20Color%20Codes%20—%20the%20best%20color%20tool%20on%20the%20web!%20by%20@dixonandmoe%20%23colorful%20%23useful
  27. https://www.facebook.com/sharer/sharer.php?u=https://htmlcolorcodes.com/
  28. https://plus.google.com/share?url=https://htmlcolorcodes.com/
  29. https://pinterest.com/pin/create/button/?url=https://htmlcolorcodes.com/&media=https://htmlcolorcodes.com/assets/images/html-color-codes-picker-charts-names-tutorials-resources.jpg&description=Easily%20find%20HTML%20color%20codes%20for%20your%20website%20using%20our%20color%20picker,%20color%20chart%20and%20HTML%20color%20names%20with%20Hex%20color%20codes,%20RGB%20and%20HSL%20values.
  30. https://www.reddit.com/submit?url=https://htmlcolorcodes.com/&title=HTML%20Color%20Codes
  31. https://twitter.com/share?url=https://htmlcolorcodes.com/&text=HTML%20Color%20Codes%20—%20the%20best%20color%20tool%20on%20the%20web!%20by%20@dixonandmoe%20%23colorful%20%23useful
  32. https://www.facebook.com/sharer/sharer.php?u=https://htmlcolorcodes.com/
  33. https://plus.google.com/share?url=https://htmlcolorcodes.com/
  34. https://pinterest.com/pin/create/button/?url=https://htmlcolorcodes.com/&media=https://htmlcolorcodes.com/assets/images/html-color-codes-picker-charts-names-tutorials-resources.jpg&description=Easily%20find%20HTML%20color%20codes%20for%20your%20website%20using%20our%20color%20picker,%20color%20chart%20and%20HTML%20color%20names%20with%20Hex%20color%20codes,%20RGB%20and%20HSL%20values.
  35. https://www.reddit.com/submit?url=https://htmlcolorcodes.com/&title=HTML%20Color%20Codes
  36. Dixon & Moe
  37. Email
  38. Google+
  39. Facebook
  40. CodePen
  41. drop us a line
  42. Lorem Ipsum
  43. Word Counter
  44. Glyphy
  45. Middleman
  46. Highlight.js
  47. ColorJoe.js
  48. ColorHarmony.js
Language
The webpage does not have a language declared.
Favicon
The webpage has a favicon.
https://htmlcolorcodes.com/assets/images/icons/icon-57x57.png
Performance
Text compression
The HTML file is compressed.
Load time
The webpage loaded in 0.11 seconds.
Page size
The size of the HTML webpage is 24,778.00.
HTTP requests
There are fewer than 6 HTTP requests on the webpage.
  1. https://htmlcolorcodes.com/assets/javascripts/application-00a7bd28.js
  2. https://www.googletagmanager.com/gtag/js?id=G-0TQX8EDTM8
  1. https://htmlcolorcodes.com/assets/stylesheets/application-8116604b.css
  2. https://use.typekit.net/igy8ywi.css
  1. https://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials.jpg
  2. https://htmlcolorcodes.com/assets/images/html-color-codes-color-palette-generators.jpg
Image format
There are 2 images that are not using the AVIF, WebP format.
  1. https://htmlcolorcodes.com/assets/images/html-color-codes-color-tutorials.jpg
  2. https://htmlcolorcodes.com/assets/images/html-color-codes-color-palette-generators.jpg
JavaScript defer
The are 2 javascript resources without the defer attribute.
  1. https://htmlcolorcodes.com/assets/javascripts/application-00a7bd28.js
  2. https://www.googletagmanager.com/gtag/js?id=G-0TQX8EDTM8
DOM size
The DOM size is optimal.
The HTML file has 1267 DOM nodes.
Security
HTTPS encryption
The webpage uses HTTPS encryption.
The HTML file has https://htmlcolorcodes.com/ DOM nodes.
Mixed content
There are no mixed content resources on the webpage.
Server signature
The webpage has a public server signature.
AmazonS3
Unsafe cross-origin links
The webpage has 22 unsafe cross-origin links.
Plaintext email
The webpage contains plaintext emails.
  1. alex@htmlcolorcodes.com
  2. alex@htmlcolorcodes.com
  3. alex@htmlcolorcodes.com
  4. alex@htmlcolorcodes.com
Miscellaneous
Structured data
The webpage has structured data.
      Meta viewport
      The webpage has a meta viewport tag set.
      width=device-width, initial-scale=1
      Character set
      The webpage does not have a charset declared.
      Sitemap
      The website has sitemaps.
      1. https://htmlcolorcodes.com/sitemap.xml
      Social
      The webpage has 11 social links.
      Content length
      The webpage has 976 words.
      Text to HTML ratio
      The text to HTML ratio is under 10%
      The text to HTML ratio is 4%.
      Inline CSS
      The webpage contains inline CSS code.
      1. height: 250px
      2. background-color: #FF5733
      3. margin-bottom: 24px; max-width: 300px; max-height: 150px;
      4. margin-bottom:24px;
      5. background-color: #f9ebea
      6. background-color: #f2d7d5
      7. background-color: #e6b0aa
      8. background-color: #d98880
      9. background-color: #cd6155
      10. background-color: #c0392b
      11. background-color: #a93226
      12. background-color: #922b21
      13. background-color: #7b241c
      14. background-color: #641e16
      15. background-color: #fdedec
      16. background-color: #fadbd8
      17. background-color: #f5b7b1
      18. background-color: #f1948a
      19. background-color: #ec7063
      20. background-color: #e74c3c
      21. background-color: #cb4335
      22. background-color: #b03a2e
      23. background-color: #943126
      24. background-color: #78281f
      25. background-color: #f5eef8
      26. background-color: #ebdef0
      27. background-color: #d7bde2
      28. background-color: #c39bd3
      29. background-color: #af7ac5
      30. background-color: #9b59b6
      31. background-color: #884ea0
      32. background-color: #76448a
      33. background-color: #633974
      34. background-color: #512e5f
      35. background-color: #f4ecf7
      36. background-color: #e8daef
      37. background-color: #d2b4de
      38. background-color: #bb8fce
      39. background-color: #a569bd
      40. background-color: #8e44ad
      41. background-color: #7d3c98
      42. background-color: #6c3483
      43. background-color: #5b2c6f
      44. background-color: #4a235a
      45. background-color: #eaf2f8
      46. background-color: #d4e6f1
      47. background-color: #a9cce3
      48. background-color: #7fb3d5
      49. background-color: #5499c7
      50. background-color: #2980b9
      51. background-color: #2471a3
      52. background-color: #1f618d
      53. background-color: #1a5276
      54. background-color: #154360
      55. background-color: #ebf5fb
      56. background-color: #d6eaf8
      57. background-color: #aed6f1
      58. background-color: #85c1e9
      59. background-color: #5dade2
      60. background-color: #3498db
      61. background-color: #2e86c1
      62. background-color: #2874a6
      63. background-color: #21618c
      64. background-color: #1b4f72
      65. background-color: #e8f8f5
      66. background-color: #d1f2eb
      67. background-color: #a3e4d7
      68. background-color: #76d7c4
      69. background-color: #48c9b0
      70. background-color: #1abc9c
      71. background-color: #17a589
      72. background-color: #148f77
      73. background-color: #117864
      74. background-color: #0e6251
      75. background-color: #e8f6f3
      76. background-color: #d0ece7
      77. background-color: #a2d9ce
      78. background-color: #73c6b6
      79. background-color: #45b39d
      80. background-color: #16a085
      81. background-color: #138d75
      82. background-color: #117a65
      83. background-color: #0e6655
      84. background-color: #0b5345
      85. background-color: #e9f7ef
      86. background-color: #d4efdf
      87. background-color: #a9dfbf
      88. background-color: #7dcea0
      89. background-color: #52be80
      90. background-color: #27ae60
      91. background-color: #229954
      92. background-color: #1e8449
      93. background-color: #196f3d
      94. background-color: #145a32
      95. background-color: #eafaf1
      96. background-color: #d5f5e3
      97. background-color: #abebc6
      98. background-color: #82e0aa
      99. background-color: #58d68d
      100. background-color: #2ecc71
      101. background-color: #28b463
      102. background-color: #239b56
      103. background-color: #1d8348
      104. background-color: #186a3b
      105. background-color: #fef9e7
      106. background-color: #fcf3cf
      107. background-color: #f9e79f
      108. background-color: #f7dc6f
      109. background-color: #f4d03f
      110. background-color: #f1c40f
      111. background-color: #d4ac0d
      112. background-color: #b7950b
      113. background-color: #9a7d0a
      114. background-color: #7d6608
      115. background-color: #fef5e7
      116. background-color: #fdebd0
      117. background-color: #fad7a0
      118. background-color: #f8c471
      119. background-color: #f5b041
      120. background-color: #f39c12
      121. background-color: #d68910
      122. background-color: #b9770e
      123. background-color: #9c640c
      124. background-color: #7e5109
      125. background-color: #fdf2e9
      126. background-color: #fae5d3
      127. background-color: #f5cba7
      128. background-color: #f0b27a
      129. background-color: #eb984e
      130. background-color: #e67e22
      131. background-color: #ca6f1e
      132. background-color: #af601a
      133. background-color: #935116
      134. background-color: #784212
      135. background-color: #fbeee6
      136. background-color: #f6ddcc
      137. background-color: #edbb99
      138. background-color: #e59866
      139. background-color: #dc7633
      140. background-color: #d35400
      141. background-color: #ba4a00
      142. background-color: #a04000
      143. background-color: #873600
      144. background-color: #6e2c00
      145. background-color: #fdfefe
      146. background-color: #fbfcfc
      147. background-color: #f7f9f9
      148. background-color: #f4f6f7
      149. background-color: #f0f3f4
      150. background-color: #ecf0f1
      151. background-color: #d0d3d4
      152. background-color: #b3b6b7
      153. background-color: #979a9a
      154. background-color: #7b7d7d
      155. background-color: #f8f9f9
      156. background-color: #f2f3f4
      157. background-color: #e5e7e9
      158. background-color: #d7dbdd
      159. background-color: #cacfd2
      160. background-color: #bdc3c7
      161. background-color: #a6acaf
      162. background-color: #909497
      163. background-color: #797d7f
      164. background-color: #626567
      165. background-color: #f4f6f6
      166. background-color: #eaeded
      167. background-color: #d5dbdb
      168. background-color: #bfc9ca
      169. background-color: #aab7b8
      170. background-color: #95a5a6
      171. background-color: #839192
      172. background-color: #717d7e
      173. background-color: #5f6a6a
      174. background-color: #4d5656
      175. background-color: #f2f4f4
      176. background-color: #e5e8e8
      177. background-color: #ccd1d1
      178. background-color: #b2babb
      179. background-color: #99a3a4
      180. background-color: #7f8c8d
      181. background-color: #707b7c
      182. background-color: #616a6b
      183. background-color: #515a5a
      184. background-color: #424949
      185. background-color: #ebedef
      186. background-color: #d6dbdf
      187. background-color: #aeb6bf
      188. background-color: #85929e
      189. background-color: #5d6d7e
      190. background-color: #34495e
      191. background-color: #2e4053
      192. background-color: #283747
      193. background-color: #212f3c
      194. background-color: #1b2631
      195. background-color: #eaecee
      196. background-color: #d5d8dc
      197. background-color: #abb2b9
      198. background-color: #808b96
      199. background-color: #566573
      200. background-color: #2c3e50
      201. background-color: #273746
      202. background-color: #212f3d
      203. background-color: #1c2833
      204. background-color: #17202a
      205. margin-bottom:24px;
      206. background-color: #CD5C5C;
      207. background-color: #F08080;
      208. background-color: #FA8072;
      209. background-color: #E9967A;
      210. background-color: #FFA07A;
      211. margin-bottom:24px;
      212. background-color: #DFFF00;
      213. background-color: #FFBF00;
      214. background-color: #FF7F50;
      215. background-color: #DE3163;
      216. background-color: #9FE2BF;
      217. background-color: #40E0D0;
      218. background-color: #6495ED;
      219. background-color: #CCCCFF;
      220. border:1px solid #3f3844
      221. background-color:#000000
      222. color:#FFFFFF
      223. background-color:#454545
      224. color:#FFFFFF
      225. background-color:#999999
      226. color:#FFFFFF
      227. background-color:#FF0000
      228. color:#FFFFFF
      229. background-color:#00FF00
      230. color:#FFFFFF
      231. background-color:#0000FF
      232. color:#FFFFFF
      233. background-color: #FFFFFF;
      234. background-color: #C0C0C0;
      235. background-color: #808080;
      236. background-color: #000000;
      237. background-color: #FF0000;
      238. background-color: #800000;
      239. background-color: #FFFF00;
      240. background-color: #808000;
      241. background-color: #00FF00;
      242. background-color: #008000;
      243. background-color: #00FFFF;
      244. background-color: #008080;
      245. background-color: #0000FF;
      246. background-color: #000080;
      247. background-color: #FF00FF;
      248. background-color: #800080;
      249. margin-left:8px;
      Deprecated HTML
      There are no deprecated HTML tags on the webpage.