HEX #678CC1 color — Ship Cove
The color #678CC1 is a light shade and slightly desaturated.
Palette
678CC1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(215,42%,98%) |
#e6ecf5 |
rgb(230,236,245) |
hsl(215,42%,93%) |
#d4deed |
rgb(212,222,237) |
hsl(215,42%,88%) |
#c1d1e6 |
rgb(193,209,230) |
hsl(215,42%,83%) |
#afc3de |
rgb(175,195,222) |
hsl(215,42%,78%) |
#9db5d7 |
rgb(157,181,215) |
hsl(215,42%,73%) |
#8ba8d0 |
rgb(139,168,208) |
hsl(215,42%,68%) |
#799ac8 |
rgb(121,154,200) |
hsl(215,42%,63%) |
#678cc1 |
rgb(103,140,193) |
hsl(215,42%,58%) |
#557fb9 |
rgb(85,127,185) |
hsl(215,42%,53%) |
#4772ae |
rgb(71,114,174) |
hsl(215,42%,48%) |
#40669c |
rgb(64,102,156) |
hsl(215,42%,43%) |
#385a8a |
rgb(56,90,138) |
hsl(215,42%,38%) |
#314e77 |
rgb(49,78,119) |
hsl(215,42%,33%) |
#294265 |
rgb(41,66,101) |
hsl(215,42%,28%) |
#223753 |
rgb(34,55,83) |
hsl(215,42%,23%) |
#1b2b41 |
rgb(27,43,65) |
hsl(215,42%,18%) |
#131f2f |
rgb(19,31,47) |
hsl(215,42%,13%) |
#0c131d |
rgb(12,19,29) |
hsl(215,42%,8%) |
#04070b |
rgb(4,7,11) |
hsl(215,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67C2BA |
rgb(103,194,186) |
hsl(175,43%,58%) |
#678CC1 |
rgb(103,140,193) |
hsl(215,42%,58%) |
#7E66C1 |
rgb(126,102,193) |
hsl(256,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%) |
#678CC1 |
rgb(103,140,193) |
hsl(215,42%,58%) |
#4873B0 |
rgb(72,115,176) |
hsl(215,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 |
#678CC1 |
rgb(103,140,193) |
hsl(215,42%,58%) |
#C17067 |
rgb(193,112,103) |
hsl(6,42%,58%) |
#B9C267 |
rgb(185,194,103) |
hsl(66,43%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678CC1 |
rgb(103,140,193) |
hsl(215,42%,58%) |
#C19C67 |
rgb(193,156,103) |
hsl(35,42%,58%) |
#67BAC1 |
rgb(103,186,193) |
hsl(185,42%,58%) |
#B9C267 |
rgb(185,194,103) |
hsl(66,43%,58%) |