HEX #5A78A6 color — Waikawa Gray
The color #5A78A6 is a dark shade and slightly desaturated.
Palette
5A78A6 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef1f6 |
rgb(238,241,246) |
hsl(216,30%,95%) |
| #dee4ed |
rgb(222,228,237) |
hsl(216,30%,90%) |
| #cdd6e4 |
rgb(205,214,228) |
hsl(216,30%,85%) |
| #bdc9db |
rgb(189,201,219) |
hsl(216,30%,80%) |
| #acbbd2 |
rgb(172,187,210) |
hsl(216,30%,75%) |
| #9caec9 |
rgb(156,174,201) |
hsl(216,30%,70%) |
| #8ba0c1 |
rgb(139,160,193) |
hsl(216,30%,65%) |
| #7a93b8 |
rgb(122,147,184) |
hsl(216,30%,60%) |
| #6a85af |
rgb(106,133,175) |
hsl(216,30%,55%) |
| #5978a6 |
rgb(89,120,166) |
hsl(216,30%,50%) |
| #506c95 |
rgb(80,108,149) |
hsl(216,30%,45%) |
| #476085 |
rgb(71,96,133) |
hsl(216,30%,40%) |
| #3e5474 |
rgb(62,84,116) |
hsl(216,30%,35%) |
| #364863 |
rgb(54,72,99) |
hsl(216,30%,30%) |
| #2d3c53 |
rgb(45,60,83) |
hsl(216,30%,25%) |
| #243042 |
rgb(36,48,66) |
hsl(216,30%,20%) |
| #1b2432 |
rgb(27,36,50) |
hsl(216,30%,15%) |
| #121821 |
rgb(18,24,33) |
hsl(216,30%,10%) |
| #090c11 |
rgb(9,12,17) |
hsl(216,30%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5AA6A1 |
rgb(90,166,161) |
hsl(176,30%,50%) |
| #5A78A6 |
rgb(90,120,166) |
hsl(216,30%,50%) |
| #6E59A6 |
rgb(110,89,166) |
hsl(256,30%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #8FA3C2 |
rgb(143,163,194) |
hsl(216,29%,66%) |
| #748FB4 |
rgb(116,143,180) |
hsl(215,30%,58%) |
| #5A78A6 |
rgb(90,120,166) |
hsl(216,30%,50%) |
| #4B668B |
rgb(75,102,139) |
hsl(215,30%,42%) |
| #3D5271 |
rgb(61,82,113) |
hsl(216,30%,34%) |
| #2E3D56 |
rgb(46,61,86) |
hsl(218,30%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A78A6 |
rgb(90,120,166) |
hsl(216,30%,50%) |
| #A6615A |
rgb(166,97,90) |
hsl(6,30%,50%) |
| #9EA65A |
rgb(158,166,90) |
hsl(66,30%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A78A6 |
rgb(90,120,166) |
hsl(216,30%,50%) |
| #A6875A |
rgb(166,135,90) |
hsl(36,30%,50%) |
| #5A9EA6 |
rgb(90,158,166) |
hsl(186,30%,50%) |
| #9EA65A |
rgb(158,166,90) |
hsl(66,30%,50%) |
