HEX #5A78A5 color — Waikawa Gray
The color #5A78A5 is a dark shade and slightly desaturated.
Palette
5A78A5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eff2f6 |
rgb(239,242,246) |
hsl(216,29%,95%) |
| #dee4ed |
rgb(222,228,237) |
hsl(216,29%,90%) |
| #ced7e4 |
rgb(206,215,228) |
hsl(216,29%,85%) |
| #bdc9db |
rgb(189,201,219) |
hsl(216,29%,80%) |
| #adbcd2 |
rgb(173,188,210) |
hsl(216,29%,75%) |
| #9caec9 |
rgb(156,174,201) |
hsl(216,29%,70%) |
| #8ca1c0 |
rgb(140,161,192) |
hsl(216,29%,65%) |
| #7b93b7 |
rgb(123,147,183) |
hsl(216,29%,60%) |
| #6b86ae |
rgb(107,134,174) |
hsl(216,29%,55%) |
| #5b78a4 |
rgb(91,120,164) |
hsl(216,29%,50%) |
| #516c94 |
rgb(81,108,148) |
hsl(216,29%,45%) |
| #486084 |
rgb(72,96,132) |
hsl(216,29%,40%) |
| #3f5473 |
rgb(63,84,115) |
hsl(216,29%,35%) |
| #364863 |
rgb(54,72,99) |
hsl(216,29%,30%) |
| #2d3c52 |
rgb(45,60,82) |
hsl(216,29%,25%) |
| #243042 |
rgb(36,48,66) |
hsl(216,29%,20%) |
| #1b2431 |
rgb(27,36,49) |
hsl(216,29%,15%) |
| #121821 |
rgb(18,24,33) |
hsl(216,29%,10%) |
| #090c10 |
rgb(9,12,16) |
hsl(216,29%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA6A0 |
rgb(90,166,160) |
hsl(175,30%,50%) |
| #5A78A5 |
rgb(90,120,165) |
hsl(216,29%,50%) |
| #6E59A5 |
rgb(110,89,165) |
hsl(257,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8EA3C1 |
rgb(142,163,193) |
hsl(215,29%,66%) |
| #748FB3 |
rgb(116,143,179) |
hsl(214,29%,58%) |
| #5A78A5 |
rgb(90,120,165) |
hsl(216,29%,50%) |
| #4B668A |
rgb(75,102,138) |
hsl(214,30%,42%) |
| #3D5270 |
rgb(61,82,112) |
hsl(215,29%,34%) |
| #2E3D55 |
rgb(46,61,85) |
hsl(217,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A78A5 |
rgb(90,120,165) |
hsl(216,29%,50%) |
| #A5615A |
rgb(165,97,90) |
hsl(6,29%,50%) |
| #9DA65A |
rgb(157,166,90) |
hsl(67,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A78A5 |
rgb(90,120,165) |
hsl(216,29%,50%) |
| #A5875A |
rgb(165,135,90) |
hsl(36,29%,50%) |
| #5A9EA5 |
rgb(90,158,165) |
hsl(186,29%,50%) |
| #9DA65A |
rgb(157,166,90) |
hsl(67,30%,50%) |
