HEX #677DC4 color — Blue Marguerite
The color #677DC4 is a dark shade and slightly desaturated.
Palette
677DC4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(226,44%,99%) |
#e9ecf6 |
rgb(233,236,246) |
hsl(226,44%,94%) |
#d7dcef |
rgb(215,220,239) |
hsl(226,44%,89%) |
#c4cde8 |
rgb(196,205,232) |
hsl(226,44%,84%) |
#b2bde1 |
rgb(178,189,225) |
hsl(226,44%,79%) |
#a0adda |
rgb(160,173,218) |
hsl(226,44%,74%) |
#8d9dd3 |
rgb(141,157,211) |
hsl(226,44%,69%) |
#7b8ecc |
rgb(123,142,204) |
hsl(226,44%,64%) |
#687ec4 |
rgb(104,126,196) |
hsl(226,44%,59%) |
#566ebd |
rgb(86,110,189) |
hsl(226,44%,54%) |
#4660b4 |
rgb(70,96,180) |
hsl(226,44%,49%) |
#3f56a2 |
rgb(63,86,162) |
hsl(226,44%,44%) |
#384c8f |
rgb(56,76,143) |
hsl(226,44%,39%) |
#31427d |
rgb(49,66,125) |
hsl(226,44%,34%) |
#29396a |
rgb(41,57,106) |
hsl(226,44%,29%) |
#222f58 |
rgb(34,47,88) |
hsl(226,44%,24%) |
#1b2546 |
rgb(27,37,70) |
hsl(226,44%,19%) |
#141b33 |
rgb(20,27,51) |
hsl(226,44%,14%) |
#0d1221 |
rgb(13,18,33) |
hsl(226,44%,9%) |
#06080f |
rgb(6,8,15) |
hsl(226,44%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#67BAC4 |
rgb(103,186,196) |
hsl(186,44%,59%) |
#677DC4 |
rgb(103,125,196) |
hsl(226,44%,59%) |
#8F66C4 |
rgb(143,102,196) |
hsl(266,44%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ABB8DE |
rgb(171,184,222) |
hsl(225,44%,77%) |
#899CD1 |
rgb(137,156,209) |
hsl(224,44%,68%) |
#677DC4 |
rgb(103,125,196) |
hsl(226,44%,59%) |
#4661B4 |
rgb(70,97,180) |
hsl(225,44%,49%) |
#384F92 |
rgb(56,79,146) |
hsl(225,45%,40%) |
#2B3B70 |
rgb(43,59,112) |
hsl(226,45%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#677DC4 |
rgb(103,125,196) |
hsl(226,44%,59%) |
#C48067 |
rgb(196,128,103) |
hsl(16,44%,59%) |
#ABC467 |
rgb(171,196,103) |
hsl(76,44%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#677DC4 |
rgb(103,125,196) |
hsl(226,44%,59%) |
#C4AD67 |
rgb(196,173,103) |
hsl(45,44%,59%) |
#67ABC4 |
rgb(103,171,196) |
hsl(196,44%,59%) |
#ABC467 |
rgb(171,196,103) |
hsl(76,44%,59%) |