HEX #4C80C3 color — Indigo
The color #4C80C3 is a dark shade and moderately saturated.
Palette
4C80C3 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(214,50%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(214,50%,93%) |
#d1def0 |
rgb(209,222,240) |
hsl(214,50%,88%) |
#bed1e9 |
rgb(190,209,233) |
hsl(214,50%,83%) |
#abc3e3 |
rgb(171,195,227) |
hsl(214,50%,78%) |
#98b6dd |
rgb(152,182,221) |
hsl(214,50%,73%) |
#85a8d6 |
rgb(133,168,214) |
hsl(214,50%,68%) |
#719ad0 |
rgb(113,154,208) |
hsl(214,50%,63%) |
#5e8dc9 |
rgb(94,141,201) |
hsl(214,50%,58%) |
#4b7fc3 |
rgb(75,127,195) |
hsl(214,50%,53%) |
#3d72b8 |
rgb(61,114,184) |
hsl(214,50%,48%) |
#3766a4 |
rgb(55,102,164) |
hsl(214,50%,43%) |
#305a91 |
rgb(48,90,145) |
hsl(214,50%,38%) |
#2a4f7e |
rgb(42,79,126) |
hsl(214,50%,33%) |
#24436b |
rgb(36,67,107) |
hsl(214,50%,28%) |
#1d3758 |
rgb(29,55,88) |
hsl(214,50%,23%) |
#172b45 |
rgb(23,43,69) |
hsl(214,50%,18%) |
#111f32 |
rgb(17,31,50) |
hsl(214,50%,13%) |
#0a131f |
rgb(10,19,31) |
hsl(214,50%,8%) |
#04070b |
rgb(4,7,11) |
hsl(214,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4CC2B6 |
rgb(76,194,182) |
hsl(174,49%,53%) |
#4C80C3 |
rgb(76,128,195) |
hsl(214,50%,53%) |
#674DC3 |
rgb(103,77,195) |
hsl(253,50%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CADD8 |
rgb(140,173,216) |
hsl(214,49%,70%) |
#6C96CD |
rgb(108,150,205) |
hsl(214,49%,61%) |
#4C80C3 |
rgb(76,128,195) |
hsl(214,50%,53%) |
#396BAA |
rgb(57,107,170) |
hsl(213,50%,45%) |
#2E578A |
rgb(46,87,138) |
hsl(213,50%,36%) |
#234269 |
rgb(35,66,105) |
hsl(213,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C80C3 |
rgb(76,128,195) |
hsl(214,50%,53%) |
#C3544C |
rgb(195,84,76) |
hsl(4,50%,53%) |
#BBC24C |
rgb(187,194,76) |
hsl(64,49%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C80C3 |
rgb(76,128,195) |
hsl(214,50%,53%) |
#C38F4C |
rgb(195,143,76) |
hsl(34,50%,53%) |
#4CBDC3 |
rgb(76,189,195) |
hsl(183,50%,53%) |
#BBC24C |
rgb(187,194,76) |
hsl(64,49%,53%) |