HEX #4C7BC2 color — Indigo
The color #4c7bc2 is a dark shade and moderately saturated.
Palette
4c7bc2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fc |
rgb(247,249,252) |
hsl(216,49%,98%) |
#e4ebf6 |
rgb(228,235,246) |
hsl(216,49%,93%) |
#d1ddef |
rgb(209,221,239) |
hsl(216,49%,88%) |
#becfe9 |
rgb(190,207,233) |
hsl(216,49%,83%) |
#abc1e2 |
rgb(171,193,226) |
hsl(216,49%,78%) |
#98b3dc |
rgb(152,179,220) |
hsl(216,49%,73%) |
#85a5d5 |
rgb(133,165,213) |
hsl(216,49%,68%) |
#7297cf |
rgb(114,151,207) |
hsl(216,49%,63%) |
#5f89c8 |
rgb(95,137,200) |
hsl(216,49%,58%) |
#4c7bc2 |
rgb(76,123,194) |
hsl(216,49%,53%) |
#3e6eb6 |
rgb(62,110,182) |
hsl(216,49%,48%) |
#3863a3 |
rgb(56,99,163) |
hsl(216,49%,43%) |
#315790 |
rgb(49,87,144) |
hsl(216,49%,38%) |
#2b4c7d |
rgb(43,76,125) |
hsl(216,49%,33%) |
#24406a |
rgb(36,64,106) |
hsl(216,49%,28%) |
#1e3557 |
rgb(30,53,87) |
hsl(216,49%,23%) |
#172944 |
rgb(23,41,68) |
hsl(216,49%,18%) |
#111e31 |
rgb(17,30,49) |
hsl(216,49%,13%) |
#0a121e |
rgb(10,18,30) |
hsl(216,49%,8%) |
#04070b |
rgb(4,7,11) |
hsl(216,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4CC2BA |
rgb(76,194,186) |
hsl(176,49%,53%) |
#4C7BC2 |
rgb(76,123,194) |
hsl(216,49%,53%) |
#6B4DC2 |
rgb(107,77,194) |
hsl(255,49%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CABD7 |
rgb(140,171,215) |
hsl(215,48%,70%) |
#6C94CC |
rgb(108,148,204) |
hsl(215,48%,61%) |
#4C7BC2 |
rgb(76,123,194) |
hsl(216,49%,53%) |
#3966A9 |
rgb(57,102,169) |
hsl(216,50%,44%) |
#2E5288 |
rgb(46,82,136) |
hsl(216,49%,36%) |
#234068 |
rgb(35,64,104) |
hsl(215,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C7BC2 |
rgb(76,123,194) |
hsl(216,49%,53%) |
#C2594C |
rgb(194,89,76) |
hsl(7,49%,53%) |
#B6C24C |
rgb(182,194,76) |
hsl(66,49%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C7BC2 |
rgb(76,123,194) |
hsl(216,49%,53%) |
#C2944C |
rgb(194,148,76) |
hsl(37,49%,53%) |
#4CB5C2 |
rgb(76,181,194) |
hsl(187,49%,53%) |
#B6C24C |
rgb(182,194,76) |
hsl(66,49%,53%) |