Tinta Azure Breeze
4-color mesh gradient
Azure Breeze is a 4-color CSS mesh gradient built from #0C4A6E, #0284C7, #38BDF8, and #E0F2FE. Its hues sit in the blue range, and reads as cool. Dark text (#111827) on it keeps at least 1.88:1 at its weakest point — below every WCAG text threshold.
Light & dark theme
This palette as Material 3 color roles for a real interface, in light and dark mode. Every color comes with the text color that goes on it, and every pair's contrast is measured.
What are the HEX, RGB, and HSL values for Azure Breeze?
Every color in this 4-color set, with its contrast ratio against white and black.
| Color | Name | HEX | RGB | HSL | On white | On black |
|---|---|---|---|---|---|---|
| #0C4A6E | Charcoal Blue | #0C4A6E | 12, 74, 110 | 202°, 80%, 24% | 9.46:1 | 2.22:1 |
| #0284C7 | Ocean Blue | #0284C7 | 2, 132, 199 | 200°, 98%, 39% | 4.10:1 | 5.13:1 |
| #38BDF8 | Deep Sky Blue | #38BDF8 | 56, 189, 248 | 198°, 93%, 60% | 2.14:1 | 9.80:1 |
| #E0F2FE | Ice Blue | #E0F2FE | 224, 242, 254 | 204°, 94%, 94% | 1.15:1 | 18.30:1 |
Related mesh gradients
Others sharing the same hues and tone