HEX #679EC2 color — Fountain Blue
The color #679EC2 is a light shade and slightly desaturated.
Palette
679EC2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(204,43%,98%) |
#e5eff5 |
rgb(229,239,245) |
hsl(204,43%,93%) |
#d3e3ee |
rgb(211,227,238) |
hsl(204,43%,88%) |
#c1d7e6 |
rgb(193,215,230) |
hsl(204,43%,83%) |
#afccdf |
rgb(175,204,223) |
hsl(204,43%,78%) |
#9dc0d8 |
rgb(157,192,216) |
hsl(204,43%,73%) |
#8ab4d0 |
rgb(138,180,208) |
hsl(204,43%,68%) |
#78a9c9 |
rgb(120,169,201) |
hsl(204,43%,63%) |
#669dc2 |
rgb(102,157,194) |
hsl(204,43%,58%) |
#5491bb |
rgb(84,145,187) |
hsl(204,43%,53%) |
#4685af |
rgb(70,133,175) |
hsl(204,43%,48%) |
#3f779d |
rgb(63,119,157) |
hsl(204,43%,43%) |
#37698b |
rgb(55,105,139) |
hsl(204,43%,38%) |
#305b78 |
rgb(48,91,120) |
hsl(204,43%,33%) |
#294e66 |
rgb(41,78,102) |
hsl(204,43%,28%) |
#214054 |
rgb(33,64,84) |
hsl(204,43%,23%) |
#1a3242 |
rgb(26,50,66) |
hsl(204,43%,18%) |
#13242f |
rgb(19,36,47) |
hsl(204,43%,13%) |
#0c161d |
rgb(12,22,29) |
hsl(204,43%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,43%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#67C2A9 |
rgb(103,194,169) |
hsl(164,43%,58%) |
#679EC2 |
rgb(103,158,194) |
hsl(204,43%,58%) |
#6C66C2 |
rgb(108,102,194) |
hsl(244,43%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#AAC9DD |
rgb(170,201,221) |
hsl(204,43%,77%) |
#88B3CF |
rgb(136,179,207) |
hsl(204,43%,67%) |
#679EC2 |
rgb(103,158,194) |
hsl(204,43%,58%) |
#4787B2 |
rgb(71,135,178) |
hsl(204,43%,49%) |
#396E90 |
rgb(57,110,144) |
hsl(203,43%,39%) |
#2C546E |
rgb(44,84,110) |
hsl(204,43%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#679EC2 |
rgb(103,158,194) |
hsl(204,43%,58%) |
#C26670 |
rgb(194,102,112) |
hsl(353,43%,58%) |
#C2B867 |
rgb(194,184,103) |
hsl(53,43%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#679EC2 |
rgb(103,158,194) |
hsl(204,43%,58%) |
#C28C67 |
rgb(194,140,103) |
hsl(24,43%,58%) |
#67C2B8 |
rgb(103,194,184) |
hsl(173,43%,58%) |
#C2B867 |
rgb(194,184,103) |
hsl(53,43%,58%) |