HEX #678EC1 color — Ship Cove
The color #678EC1 is a light shade and slightly desaturated.
Palette
678EC1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(214,42%,98%) |
#e6ecf5 |
rgb(230,236,245) |
hsl(214,42%,93%) |
#d4dfed |
rgb(212,223,237) |
hsl(214,42%,88%) |
#c1d1e6 |
rgb(193,209,230) |
hsl(214,42%,83%) |
#afc4de |
rgb(175,196,222) |
hsl(214,42%,78%) |
#9db6d7 |
rgb(157,182,215) |
hsl(214,42%,73%) |
#8ba9d0 |
rgb(139,169,208) |
hsl(214,42%,68%) |
#799bc8 |
rgb(121,155,200) |
hsl(214,42%,63%) |
#678ec1 |
rgb(103,142,193) |
hsl(214,42%,58%) |
#5580b9 |
rgb(85,128,185) |
hsl(214,42%,53%) |
#4774ae |
rgb(71,116,174) |
hsl(214,42%,48%) |
#40689c |
rgb(64,104,156) |
hsl(214,42%,43%) |
#385b8a |
rgb(56,91,138) |
hsl(214,42%,38%) |
#314f77 |
rgb(49,79,119) |
hsl(214,42%,33%) |
#294365 |
rgb(41,67,101) |
hsl(214,42%,28%) |
#223753 |
rgb(34,55,83) |
hsl(214,42%,23%) |
#1b2b41 |
rgb(27,43,65) |
hsl(214,42%,18%) |
#131f2f |
rgb(19,31,47) |
hsl(214,42%,13%) |
#0c131d |
rgb(12,19,29) |
hsl(214,42%,8%) |
#04070b |
rgb(4,7,11) |
hsl(214,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67C2B8 |
rgb(103,194,184) |
hsl(173,43%,58%) |
#678EC1 |
rgb(103,142,193) |
hsl(214,42%,58%) |
#7C66C1 |
rgb(124,102,193) |
hsl(255,42%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#AABFDC |
rgb(170,191,220) |
hsl(215,42%,76%) |
#88A6CE |
rgb(136,166,206) |
hsl(214,42%,67%) |
#678EC1 |
rgb(103,142,193) |
hsl(214,42%,58%) |
#4875B0 |
rgb(72,117,176) |
hsl(214,42%,49%) |
#3A5E8E |
rgb(58,94,142) |
hsl(214,42%,39%) |
#2C476D |
rgb(44,71,109) |
hsl(215,42%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#678EC1 |
rgb(103,142,193) |
hsl(214,42%,58%) |
#C16E67 |
rgb(193,110,103) |
hsl(5,42%,58%) |
#BBC267 |
rgb(187,194,103) |
hsl(65,43%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678EC1 |
rgb(103,142,193) |
hsl(214,42%,58%) |
#C19967 |
rgb(193,153,103) |
hsl(33,42%,58%) |
#67BAC1 |
rgb(103,186,193) |
hsl(185,42%,58%) |
#BBC267 |
rgb(187,194,103) |
hsl(65,43%,58%) |