HEX #657DA0 color — Hoki
The color #657DA0 is a dark shade and slightly desaturated.
Palette
657DA0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4f7 |
rgb(242,244,247) |
hsl(216,24%,96%) |
#e3e7ee |
rgb(227,231,238) |
hsl(216,24%,91%) |
#d3dae4 |
rgb(211,218,228) |
hsl(216,24%,86%) |
#c3ccda |
rgb(195,204,218) |
hsl(216,24%,81%) |
#b3bfd0 |
rgb(179,191,208) |
hsl(216,24%,76%) |
#a3b2c7 |
rgb(163,178,199) |
hsl(216,24%,71%) |
#93a4bd |
rgb(147,164,189) |
hsl(216,24%,66%) |
#8497b3 |
rgb(132,151,179) |
hsl(216,24%,61%) |
#7489aa |
rgb(116,137,170) |
hsl(216,24%,56%) |
#647ca0 |
rgb(100,124,160) |
hsl(216,24%,51%) |
#597091 |
rgb(89,112,145) |
hsl(216,24%,46%) |
#4f6482 |
rgb(79,100,130) |
hsl(216,24%,41%) |
#465772 |
rgb(70,87,114) |
hsl(216,24%,36%) |
#3c4b62 |
rgb(60,75,98) |
hsl(216,24%,31%) |
#323f52 |
rgb(50,63,82) |
hsl(216,24%,26%) |
#293342 |
rgb(41,51,66) |
hsl(216,24%,21%) |
#1f2733 |
rgb(31,39,51) |
hsl(216,24%,16%) |
#151b23 |
rgb(21,27,35) |
hsl(216,24%,11%) |
#0c0f13 |
rgb(12,15,19) |
hsl(216,24%,6%) |
#020203 |
rgb(2,2,3) |
hsl(216,24%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#65A19B |
rgb(101,161,155) |
hsl(174,24%,51%) |
#657DA0 |
rgb(101,125,160) |
hsl(216,24%,51%) |
#7466A0 |
rgb(116,102,160) |
hsl(254,23%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98A8BF |
rgb(152,168,191) |
hsl(215,23%,67%) |
#7E94AF |
rgb(126,148,175) |
hsl(213,23%,59%) |
#657DA0 |
rgb(101,125,160) |
hsl(216,24%,51%) |
#536987 |
rgb(83,105,135) |
hsl(215,24%,43%) |
#43546D |
rgb(67,84,109) |
hsl(216,24%,35%) |
#334053 |
rgb(51,64,83) |
hsl(216,24%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#657DA0 |
rgb(101,125,160) |
hsl(216,24%,51%) |
#A06B65 |
rgb(160,107,101) |
hsl(6,24%,51%) |
#9AA165 |
rgb(154,161,101) |
hsl(67,24%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#657DA0 |
rgb(101,125,160) |
hsl(216,24%,51%) |
#A08765 |
rgb(160,135,101) |
hsl(35,24%,51%) |
#659CA0 |
rgb(101,156,160) |
hsl(184,24%,51%) |
#9AA165 |
rgb(154,161,101) |
hsl(67,24%,51%) |