HTML Color Codes Cheat Sheet for Web Developers
Quick reference for using HTML and CSS color codes in inline styles, links, buttons, backgrounds and tables.
| Use | Value | Note |
|---|---|---|
| Text | color: #111827; | Sets the text color. |
| Background | background-color: #f8fafc; | Sets the element background. |
| Border | border-color: #cbd5e1; | Works with border-style and width. |
| Link | color: #2563eb; | Use enough contrast for readability. |
| Button | background: #1d4ed8; | Pair with white text only if contrast passes. |
Copy snippet
<a style="color:#2563eb" href="/en/color-picker">
Open color picker
</a>
<button style="background:#1d4ed8;color:#ffffff">
Save
</button>