HEX #658AA2 color — Hoki
The color #658AA2 is a light shade and slightly desaturated.
Palette
658AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8f9 |
rgb(245,248,249) |
hsl(204,25%,97%) |
#e6ecf0 |
rgb(230,236,240) |
hsl(204,25%,92%) |
#d6e0e6 |
rgb(214,224,230) |
hsl(204,25%,87%) |
#c6d3dd |
rgb(198,211,221) |
hsl(204,25%,82%) |
#b6c7d3 |
rgb(182,199,211) |
hsl(204,25%,77%) |
#a6bbc9 |
rgb(166,187,201) |
hsl(204,25%,72%) |
#96afc0 |
rgb(150,175,192) |
hsl(204,25%,67%) |
#86a3b6 |
rgb(134,163,182) |
hsl(204,25%,62%) |
#7697ad |
rgb(118,151,173) |
hsl(204,25%,57%) |
#668ba3 |
rgb(102,139,163) |
hsl(204,25%,52%) |
#5a7e96 |
rgb(90,126,150) |
hsl(204,25%,47%) |
#507086 |
rgb(80,112,134) |
hsl(204,25%,42%) |
#476376 |
rgb(71,99,118) |
hsl(204,25%,37%) |
#3d5666 |
rgb(61,86,102) |
hsl(204,25%,32%) |
#344856 |
rgb(52,72,86) |
hsl(204,25%,27%) |
#2a3b46 |
rgb(42,59,70) |
hsl(204,25%,22%) |
#212e36 |
rgb(33,46,54) |
hsl(204,25%,17%) |
#172026 |
rgb(23,32,38) |
hsl(204,25%,12%) |
#0d1316 |
rgb(13,19,22) |
hsl(204,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(204,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#65A391 |
rgb(101,163,145) |
hsl(163,25%,52%) |
#658AA2 |
rgb(101,138,162) |
hsl(204,25%,52%) |
#6866A2 |
rgb(104,102,162) |
hsl(242,24%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99B3C1 |
rgb(153,179,193) |
hsl(201,24%,68%) |
#7F9EB1 |
rgb(127,158,177) |
hsl(203,24%,60%) |
#658AA2 |
rgb(101,138,162) |
hsl(204,25%,52%) |
#537589 |
rgb(83,117,137) |
hsl(202,25%,43%) |
#435E6F |
rgb(67,94,111) |
hsl(203,25%,35%) |
#334755 |
rgb(51,71,85) |
hsl(205,25%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#658AA2 |
rgb(101,138,162) |
hsl(204,25%,52%) |
#A2666B |
rgb(162,102,107) |
hsl(355,24%,52%) |
#A29C65 |
rgb(162,156,101) |
hsl(54,25%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#658AA2 |
rgb(101,138,162) |
hsl(204,25%,52%) |
#A27D65 |
rgb(162,125,101) |
hsl(24,25%,52%) |
#65A39B |
rgb(101,163,155) |
hsl(172,25%,52%) |
#A29C65 |
rgb(162,156,101) |
hsl(54,25%,52%) |