HEX #688AA0 color — Hoki
The color #688AA0 is a light shade and slightly desaturated.
Palette
688AA0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(204,23%,97%) |
#e6ecef |
rgb(230,236,239) |
hsl(204,23%,92%) |
#d6dfe5 |
rgb(214,223,229) |
hsl(204,23%,87%) |
#c7d3dc |
rgb(199,211,220) |
hsl(204,23%,82%) |
#b7c7d2 |
rgb(183,199,210) |
hsl(204,23%,77%) |
#a7bbc8 |
rgb(167,187,200) |
hsl(204,23%,72%) |
#97afbe |
rgb(151,175,190) |
hsl(204,23%,67%) |
#88a3b4 |
rgb(136,163,180) |
hsl(204,23%,62%) |
#7896ab |
rgb(120,150,171) |
hsl(204,23%,57%) |
#688aa1 |
rgb(104,138,161) |
hsl(204,23%,52%) |
#5c7d93 |
rgb(92,125,147) |
hsl(204,23%,47%) |
#527084 |
rgb(82,112,132) |
hsl(204,23%,42%) |
#496374 |
rgb(73,99,116) |
hsl(204,23%,37%) |
#3f5564 |
rgb(63,85,100) |
hsl(204,23%,32%) |
#354855 |
rgb(53,72,85) |
hsl(204,23%,27%) |
#2b3b45 |
rgb(43,59,69) |
hsl(204,23%,22%) |
#212d35 |
rgb(33,45,53) |
hsl(204,23%,17%) |
#182026 |
rgb(24,32,38) |
hsl(204,23%,12%) |
#0e1316 |
rgb(14,19,22) |
hsl(204,23%,7%) |
#040506 |
rgb(4,5,6) |
hsl(204,23%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A190 |
rgb(104,161,144) |
hsl(162,23%,52%) |
#688AA0 |
rgb(104,138,160) |
hsl(204,23%,52%) |
#6B69A0 |
rgb(107,105,160) |
hsl(242,22%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB3C0 |
rgb(155,179,192) |
hsl(201,23%,68%) |
#819EB0 |
rgb(129,158,176) |
hsl(203,23%,60%) |
#688AA0 |
rgb(104,138,160) |
hsl(204,23%,52%) |
#557588 |
rgb(85,117,136) |
hsl(202,23%,43%) |
#455E6E |
rgb(69,94,110) |
hsl(203,23%,35%) |
#354754 |
rgb(53,71,84) |
hsl(205,23%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#688AA0 |
rgb(104,138,160) |
hsl(204,23%,52%) |
#A0696E |
rgb(160,105,110) |
hsl(355,22%,52%) |
#A09968 |
rgb(160,153,104) |
hsl(53,23%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#688AA0 |
rgb(104,138,160) |
hsl(204,23%,52%) |
#A07D68 |
rgb(160,125,104) |
hsl(23,23%,52%) |
#68A19A |
rgb(104,161,154) |
hsl(173,23%,52%) |
#A09968 |
rgb(160,153,104) |
hsl(53,23%,52%) |