HEX #3676C4 color — Indigo
The color #3676c4 is a dark shade and moderately saturated.
Palette
3676c4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,57%,99%) |
#e7eff8 |
rgb(231,239,248) |
hsl(213,57%,94%) |
#d3e1f3 |
rgb(211,225,243) |
hsl(213,57%,89%) |
#bfd4ed |
rgb(191,212,237) |
hsl(213,57%,84%) |
#abc6e8 |
rgb(171,198,232) |
hsl(213,57%,79%) |
#97b9e2 |
rgb(151,185,226) |
hsl(213,57%,74%) |
#83abdd |
rgb(131,171,221) |
hsl(213,57%,69%) |
#6f9ed8 |
rgb(111,158,216) |
hsl(213,57%,64%) |
#5b90d2 |
rgb(91,144,210) |
hsl(213,57%,59%) |
#4783cd |
rgb(71,131,205) |
hsl(213,57%,54%) |
#3676c4 |
rgb(54,118,196) |
hsl(213,57%,49%) |
#306ab0 |
rgb(48,106,176) |
hsl(213,57%,44%) |
#2b5e9c |
rgb(43,94,156) |
hsl(213,57%,39%) |
#255288 |
rgb(37,82,136) |
hsl(213,57%,34%) |
#204674 |
rgb(32,70,116) |
hsl(213,57%,29%) |
#1a3a60 |
rgb(26,58,96) |
hsl(213,57%,24%) |
#152e4c |
rgb(21,46,76) |
hsl(213,57%,19%) |
#0f2238 |
rgb(15,34,56) |
hsl(213,57%,14%) |
#0a1624 |
rgb(10,22,36) |
hsl(213,57%,9%) |
#040a10 |
rgb(4,10,16) |
hsl(213,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#36C4B3 |
rgb(54,196,179) |
hsl(173,57%,49%) |
#3676C4 |
rgb(54,118,196) |
hsl(213,57%,49%) |
#5436C4 |
rgb(84,54,196) |
hsl(253,57%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#71A1D8 |
rgb(113,161,216) |
hsl(212,57%,65%) |
#528ACF |
rgb(82,138,207) |
hsl(213,57%,57%) |
#3676C4 |
rgb(54,118,196) |
hsl(213,57%,49%) |
#2D63A4 |
rgb(45,99,164) |
hsl(213,57%,41%) |
#244F85 |
rgb(36,79,133) |
hsl(213,57%,33%) |
#1C3D65 |
rgb(28,61,101) |
hsl(213,57%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3676C4 |
rgb(54,118,196) |
hsl(213,57%,49%) |
#C43D36 |
rgb(196,61,54) |
hsl(3,57%,49%) |
#BDC436 |
rgb(189,196,54) |
hsl(63,57%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3676C4 |
rgb(54,118,196) |
hsl(213,57%,49%) |
#C48536 |
rgb(196,133,54) |
hsl(33,57%,49%) |
#36BDC4 |
rgb(54,189,196) |
hsl(183,57%,49%) |
#BDC436 |
rgb(189,196,54) |
hsl(63,57%,49%) |