HEX #4C80C2 color — Indigo
The color #4C80C2 is a dark shade and moderately saturated.
Palette
4C80C2 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(214,49%,98%) |
#e4ecf6 |
rgb(228,236,246) |
hsl(214,49%,93%) |
#d1deef |
rgb(209,222,239) |
hsl(214,49%,88%) |
#bed1e9 |
rgb(190,209,233) |
hsl(214,49%,83%) |
#abc3e2 |
rgb(171,195,226) |
hsl(214,49%,78%) |
#98b6dc |
rgb(152,182,220) |
hsl(214,49%,73%) |
#85a8d5 |
rgb(133,168,213) |
hsl(214,49%,68%) |
#729acf |
rgb(114,154,207) |
hsl(214,49%,63%) |
#5f8dc8 |
rgb(95,141,200) |
hsl(214,49%,58%) |
#4c7fc2 |
rgb(76,127,194) |
hsl(214,49%,53%) |
#3e72b6 |
rgb(62,114,182) |
hsl(214,49%,48%) |
#3866a3 |
rgb(56,102,163) |
hsl(214,49%,43%) |
#315b90 |
rgb(49,91,144) |
hsl(214,49%,38%) |
#2b4f7d |
rgb(43,79,125) |
hsl(214,49%,33%) |
#24436a |
rgb(36,67,106) |
hsl(214,49%,28%) |
#1e3757 |
rgb(30,55,87) |
hsl(214,49%,23%) |
#172b44 |
rgb(23,43,68) |
hsl(214,49%,18%) |
#111f31 |
rgb(17,31,49) |
hsl(214,49%,13%) |
#0a131e |
rgb(10,19,30) |
hsl(214,49%,8%) |
#04070b |
rgb(4,7,11) |
hsl(214,49%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4CC2B5 |
rgb(76,194,181) |
hsl(173,49%,53%) |
#4C80C2 |
rgb(76,128,194) |
hsl(214,49%,53%) |
#664DC2 |
rgb(102,77,194) |
hsl(253,49%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CADD7 |
rgb(140,173,215) |
hsl(214,48%,70%) |
#6C96CC |
rgb(108,150,204) |
hsl(214,48%,61%) |
#4C80C2 |
rgb(76,128,194) |
hsl(214,49%,53%) |
#396BA9 |
rgb(57,107,169) |
hsl(213,50%,44%) |
#2E5788 |
rgb(46,87,136) |
hsl(213,49%,36%) |
#234268 |
rgb(35,66,104) |
hsl(213,50%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C80C2 |
rgb(76,128,194) |
hsl(214,49%,53%) |
#C2544C |
rgb(194,84,76) |
hsl(4,49%,53%) |
#BBC24C |
rgb(187,194,76) |
hsl(64,49%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C80C2 |
rgb(76,128,194) |
hsl(214,49%,53%) |
#C28F4C |
rgb(194,143,76) |
hsl(34,49%,53%) |
#4CBAC2 |
rgb(76,186,194) |
hsl(184,49%,53%) |
#BBC24C |
rgb(187,194,76) |
hsl(64,49%,53%) |