HEX #678FA1 color — Bermuda Gray
The color #678FA1 is a light shade and slightly desaturated.
Palette
678FA1 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(199,24%,97%) |
#e6ecef |
rgb(230,236,239) |
hsl(199,24%,92%) |
#d6e1e6 |
rgb(214,225,230) |
hsl(199,24%,87%) |
#c6d5dc |
rgb(198,213,220) |
hsl(199,24%,82%) |
#b6cad2 |
rgb(182,202,210) |
hsl(199,24%,77%) |
#a6bec9 |
rgb(166,190,201) |
hsl(199,24%,72%) |
#97b2bf |
rgb(151,178,191) |
hsl(199,24%,67%) |
#87a7b5 |
rgb(135,167,181) |
hsl(199,24%,62%) |
#779bac |
rgb(119,155,172) |
hsl(199,24%,57%) |
#678fa2 |
rgb(103,143,162) |
hsl(199,24%,52%) |
#5b8295 |
rgb(91,130,149) |
hsl(199,24%,47%) |
#517585 |
rgb(81,117,133) |
hsl(199,24%,42%) |
#486775 |
rgb(72,103,117) |
hsl(199,24%,37%) |
#3e5965 |
rgb(62,89,101) |
hsl(199,24%,32%) |
#344b55 |
rgb(52,75,85) |
hsl(199,24%,27%) |
#2b3d46 |
rgb(43,61,70) |
hsl(199,24%,22%) |
#212f36 |
rgb(33,47,54) |
hsl(199,24%,17%) |
#172126 |
rgb(23,33,38) |
hsl(199,24%,12%) |
#0e1316 |
rgb(14,19,22) |
hsl(199,24%,7%) |
#040606 |
rgb(4,6,6) |
hsl(199,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#67A18C |
rgb(103,161,140) |
hsl(158,24%,52%) |
#678FA1 |
rgb(103,143,161) |
hsl(199,24%,52%) |
#6769A1 |
rgb(103,105,161) |
hsl(238,24%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB5C1 |
rgb(155,181,193) |
hsl(199,23%,68%) |
#81A3B1 |
rgb(129,163,177) |
hsl(198,24%,60%) |
#678FA1 |
rgb(103,143,161) |
hsl(199,24%,52%) |
#547889 |
rgb(84,120,137) |
hsl(199,24%,43%) |
#44616E |
rgb(68,97,110) |
hsl(199,24%,35%) |
#344A54 |
rgb(52,74,84) |
hsl(199,24%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#678FA1 |
rgb(103,143,161) |
hsl(199,24%,52%) |
#A16672 |
rgb(161,102,114) |
hsl(348,24%,52%) |
#A19667 |
rgb(161,150,103) |
hsl(49,24%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678FA1 |
rgb(103,143,161) |
hsl(199,24%,52%) |
#A17867 |
rgb(161,120,103) |
hsl(18,24%,52%) |
#67A196 |
rgb(103,161,150) |
hsl(169,24%,52%) |
#A19667 |
rgb(161,150,103) |
hsl(49,24%,52%) |