Tinta Steel Harbour
5-color palette
Steel Harbour is a 5-color palette built from #E9EDF0, #B6C2CC, #73879A, #3E5266, and #1C2833. It reads as neutral. The strongest pairing is #E9EDF0 against #1C2833 at 12.73:1 — enough for WCAG AAA body text.
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 Steel Harbour?
Every color in this 5-color set, with its contrast ratio against white and black.
| Color | Name | HEX | RGB | HSL | On white | On black |
|---|---|---|---|---|---|---|
| #E9EDF0 | Cloud | #E9EDF0 | 233, 237, 240 | 206°, 19%, 93% | 1.18:1 | 17.84:1 |
| #B6C2CC | Silver | #B6C2CC | 182, 194, 204 | 207°, 18%, 76% | 1.81:1 | 11.58:1 |
| #73879A | Light Slate Gray | #73879A | 115, 135, 154 | 209°, 16%, 53% | 3.71:1 | 5.66:1 |
| #3E5266 | Slate Blue Gray | #3E5266 | 62, 82, 102 | 210°, 24%, 32% | 8.07:1 | 2.60:1 |
| #1C2833 | Jet | #1C2833 | 28, 40, 51 | 209°, 29%, 15% | 14.99:1 | 1.40:1 |
Related palettes
Others sharing the same hues and tone