HEX #4180C6 color — Indigo
The color #4180C6 is a dark shade and moderately saturated.
Palette
4180C6 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(212,54%,97%) |
#e0eaf6 |
rgb(224,234,246) |
hsl(212,54%,92%) |
#ccddf0 |
rgb(204,221,240) |
hsl(212,54%,87%) |
#b8cfea |
rgb(184,207,234) |
hsl(212,54%,82%) |
#a5c2e4 |
rgb(165,194,228) |
hsl(212,54%,77%) |
#91b5de |
rgb(145,181,222) |
hsl(212,54%,72%) |
#7da8d8 |
rgb(125,168,216) |
hsl(212,54%,67%) |
#6a9bd2 |
rgb(106,155,210) |
hsl(212,54%,62%) |
#568dcd |
rgb(86,141,205) |
hsl(212,54%,57%) |
#4380c7 |
rgb(67,128,199) |
hsl(212,54%,52%) |
#3774b9 |
rgb(55,116,185) |
hsl(212,54%,47%) |
#3167a5 |
rgb(49,103,165) |
hsl(212,54%,42%) |
#2b5b91 |
rgb(43,91,145) |
hsl(212,54%,37%) |
#264f7e |
rgb(38,79,126) |
hsl(212,54%,32%) |
#20426a |
rgb(32,66,106) |
hsl(212,54%,27%) |
#1a3656 |
rgb(26,54,86) |
hsl(212,54%,22%) |
#142a43 |
rgb(20,42,67) |
hsl(212,54%,17%) |
#0e1d2f |
rgb(14,29,47) |
hsl(212,54%,12%) |
#08111b |
rgb(8,17,27) |
hsl(212,54%,7%) |
#020508 |
rgb(2,5,8) |
hsl(212,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#41C7B3 |
rgb(65,199,179) |
hsl(171,54%,52%) |
#4180C6 |
rgb(65,128,198) |
hsl(212,54%,52%) |
#5A40C6 |
rgb(90,64,198) |
hsl(252,54%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81ABD9 |
rgb(129,171,217) |
hsl(211,54%,68%) |
#6196CF |
rgb(97,150,207) |
hsl(211,53%,60%) |
#4180C6 |
rgb(65,128,198) |
hsl(212,54%,52%) |
#326BA9 |
rgb(50,107,169) |
hsl(211,54%,43%) |
#295789 |
rgb(41,87,137) |
hsl(211,54%,35%) |
#1F4269 |
rgb(31,66,105) |
hsl(212,54%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4180C6 |
rgb(65,128,198) |
hsl(212,54%,52%) |
#C64541 |
rgb(198,69,65) |
hsl(2,54%,52%) |
#C2C741 |
rgb(194,199,65) |
hsl(62,54%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4180C6 |
rgb(65,128,198) |
hsl(212,54%,52%) |
#C68741 |
rgb(198,135,65) |
hsl(32,54%,52%) |
#41C2C6 |
rgb(65,194,198) |
hsl(182,54%,52%) |
#C2C741 |
rgb(194,199,65) |
hsl(62,54%,52%) |