HEX #688FA0 color — Gothic
The color #688FA0 is a light shade and slightly desaturated.
Palette
688FA0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(198,23%,97%) |
#e6ecef |
rgb(230,236,239) |
hsl(198,23%,92%) |
#d6e1e5 |
rgb(214,225,229) |
hsl(198,23%,87%) |
#c7d5dc |
rgb(199,213,220) |
hsl(198,23%,82%) |
#b7cad2 |
rgb(183,202,210) |
hsl(198,23%,77%) |
#a7bec8 |
rgb(167,190,200) |
hsl(198,23%,72%) |
#97b3be |
rgb(151,179,190) |
hsl(198,23%,67%) |
#88a7b4 |
rgb(136,167,180) |
hsl(198,23%,62%) |
#789bab |
rgb(120,155,171) |
hsl(198,23%,57%) |
#6890a1 |
rgb(104,144,161) |
hsl(198,23%,52%) |
#5c8393 |
rgb(92,131,147) |
hsl(198,23%,47%) |
#527584 |
rgb(82,117,132) |
hsl(198,23%,42%) |
#496774 |
rgb(73,103,116) |
hsl(198,23%,37%) |
#3f5964 |
rgb(63,89,100) |
hsl(198,23%,32%) |
#354b55 |
rgb(53,75,85) |
hsl(198,23%,27%) |
#2b3d45 |
rgb(43,61,69) |
hsl(198,23%,22%) |
#212f35 |
rgb(33,47,53) |
hsl(198,23%,17%) |
#182126 |
rgb(24,33,38) |
hsl(198,23%,12%) |
#0e1316 |
rgb(14,19,22) |
hsl(198,23%,7%) |
#040606 |
rgb(4,6,6) |
hsl(198,23%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A18B |
rgb(104,161,139) |
hsl(157,23%,52%) |
#688FA0 |
rgb(104,143,160) |
hsl(198,23%,52%) |
#6869A0 |
rgb(104,105,160) |
hsl(239,23%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB5C0 |
rgb(155,181,192) |
hsl(198,23%,68%) |
#81A3B0 |
rgb(129,163,176) |
hsl(197,23%,60%) |
#688FA0 |
rgb(104,143,160) |
hsl(198,23%,52%) |
#557888 |
rgb(85,120,136) |
hsl(199,23%,43%) |
#45616E |
rgb(69,97,110) |
hsl(199,23%,35%) |
#354A54 |
rgb(53,74,84) |
hsl(199,23%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#688FA0 |
rgb(104,143,160) |
hsl(198,23%,52%) |
#A06973 |
rgb(160,105,115) |
hsl(349,22%,52%) |
#A09468 |
rgb(160,148,104) |
hsl(47,23%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#688FA0 |
rgb(104,143,160) |
hsl(198,23%,52%) |
#A07868 |
rgb(160,120,104) |
hsl(17,23%,52%) |
#68A195 |
rgb(104,161,149) |
hsl(167,23%,52%) |
#A09468 |
rgb(160,148,104) |
hsl(47,23%,52%) |