HEX #4C80C4 color — Indigo
The color #4C80C4 is a dark shade and moderately saturated.
Palette
4C80C4 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 |
#4CC4B8 |
rgb(76,196,184) |
hsl(174,50%,53%) |
#4C80C4 |
rgb(76,128,196) |
hsl(214,50%,53%) |
#684DC4 |
rgb(104,77,196) |
hsl(254,50%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DADD9 |
rgb(141,173,217) |
hsl(215,50%,70%) |
#6C96CE |
rgb(108,150,206) |
hsl(214,50%,62%) |
#4C80C4 |
rgb(76,128,196) |
hsl(214,50%,53%) |
#386BAB |
rgb(56,107,171) |
hsl(213,51%,45%) |
#2D578B |
rgb(45,87,139) |
hsl(213,51%,36%) |
#23426A |
rgb(35,66,106) |
hsl(214,50%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C80C4 |
rgb(76,128,196) |
hsl(214,50%,53%) |
#C4544C |
rgb(196,84,76) |
hsl(4,50%,53%) |
#BCC44C |
rgb(188,196,76) |
hsl(64,50%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C80C4 |
rgb(76,128,196) |
hsl(214,50%,53%) |
#C48F4C |
rgb(196,143,76) |
hsl(34,50%,53%) |
#4CBDC4 |
rgb(76,189,196) |
hsl(184,50%,53%) |
#BCC44C |
rgb(188,196,76) |
hsl(64,50%,53%) |