HEX #668AA2 color — Hoki
The color #668AA2 is a light shade and slightly desaturated.
Palette
668AA2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(204,24%,97%) |
#e6ecef |
rgb(230,236,239) |
hsl(204,24%,92%) |
#d6dfe6 |
rgb(214,223,230) |
hsl(204,24%,87%) |
#c6d3dc |
rgb(198,211,220) |
hsl(204,24%,82%) |
#b6c7d2 |
rgb(182,199,210) |
hsl(204,24%,77%) |
#a6bbc9 |
rgb(166,187,201) |
hsl(204,24%,72%) |
#97afbf |
rgb(151,175,191) |
hsl(204,24%,67%) |
#87a3b5 |
rgb(135,163,181) |
hsl(204,24%,62%) |
#7797ac |
rgb(119,151,172) |
hsl(204,24%,57%) |
#678aa2 |
rgb(103,138,162) |
hsl(204,24%,52%) |
#5b7e95 |
rgb(91,126,149) |
hsl(204,24%,47%) |
#517085 |
rgb(81,112,133) |
hsl(204,24%,42%) |
#486375 |
rgb(72,99,117) |
hsl(204,24%,37%) |
#3e5665 |
rgb(62,86,101) |
hsl(204,24%,32%) |
#344855 |
rgb(52,72,85) |
hsl(204,24%,27%) |
#2b3b46 |
rgb(43,59,70) |
hsl(204,24%,22%) |
#212d36 |
rgb(33,45,54) |
hsl(204,24%,17%) |
#172026 |
rgb(23,32,38) |
hsl(204,24%,12%) |
#0e1316 |
rgb(14,19,22) |
hsl(204,24%,7%) |
#040506 |
rgb(4,5,6) |
hsl(204,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#66A392 |
rgb(102,163,146) |
hsl(163,25%,52%) |
#668AA2 |
rgb(102,138,162) |
hsl(204,24%,52%) |
#6A66A2 |
rgb(106,102,162) |
hsl(244,24%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AB3C1 |
rgb(154,179,193) |
hsl(202,24%,68%) |
#809EB1 |
rgb(128,158,177) |
hsl(203,24%,60%) |
#668AA2 |
rgb(102,138,162) |
hsl(204,24%,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 |
#668AA2 |
rgb(102,138,162) |
hsl(204,24%,52%) |
#A2666C |
rgb(162,102,108) |
hsl(354,24%,52%) |
#A29C66 |
rgb(162,156,102) |
hsl(54,24%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#668AA2 |
rgb(102,138,162) |
hsl(204,24%,52%) |
#A27D66 |
rgb(162,125,102) |
hsl(23,24%,52%) |
#66A39C |
rgb(102,163,156) |
hsl(173,25%,52%) |
#A29C66 |
rgb(162,156,102) |
hsl(54,24%,52%) |