Inspiration
Slate Dashboard
TechMinimalCoolCorporate
Colors
#0f172aNearest name: black
rgb(15, 23, 42) · hsl(222.22, 47.37%, 11.18%) · oklch(20.8% 0.040 265.8)
#334155Nearest name: darkslateblue
rgb(51, 65, 85) · hsl(215.29, 25%, 26.67%) · oklch(37.2% 0.039 257.3)
#64748bNearest name: slategray
rgb(100, 116, 139) · hsl(215.38, 16.32%, 46.86%) · oklch(55.4% 0.041 257.4)
#cbd5e1Nearest name: lightgray
rgb(203, 213, 225) · hsl(212.73, 26.83%, 83.92%) · oklch(86.9% 0.020 252.9)
#38bdf8Nearest name: deepskyblue
rgb(56, 189, 248) · hsl(198.44, 93.2%, 59.61%) · oklch(75.4% 0.139 232.7)
Contrast matrix
Contrast ratio between every pair — normal text needs at least 4.5.
| — | 1.7 | 3.8 | 12.0 | 8.3 | |
| 1.7 | — | 2.2 | 7.0 | 4.8 | |
| 3.8 | 2.2 | — | 3.2 | 2.2 | |
| 12.0 | 7.0 | 3.2 | — | 1.4 | |
| 8.3 | 4.8 | 2.2 | 1.4 | — |