HEX #4580CC color — Indigo
The color #4580CC is a dark shade and moderately saturated.
Palette
4580CC color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(214,57%,99%) |
#e7eff8 |
rgb(231,239,248) |
hsl(214,57%,94%) |
#d3e1f3 |
rgb(211,225,243) |
hsl(214,57%,89%) |
#bfd3ed |
rgb(191,211,237) |
hsl(214,57%,84%) |
#abc5e8 |
rgb(171,197,232) |
hsl(214,57%,79%) |
#97b8e2 |
rgb(151,184,226) |
hsl(214,57%,74%) |
#83aadd |
rgb(131,170,221) |
hsl(214,57%,69%) |
#6f9cd8 |
rgb(111,156,216) |
hsl(214,57%,64%) |
#5b8fd2 |
rgb(91,143,210) |
hsl(214,57%,59%) |
#4781cd |
rgb(71,129,205) |
hsl(214,57%,54%) |
#3673c4 |
rgb(54,115,196) |
hsl(214,57%,49%) |
#3068b0 |
rgb(48,104,176) |
hsl(214,57%,44%) |
#2b5c9c |
rgb(43,92,156) |
hsl(214,57%,39%) |
#255088 |
rgb(37,80,136) |
hsl(214,57%,34%) |
#204474 |
rgb(32,68,116) |
hsl(214,57%,29%) |
#1a3960 |
rgb(26,57,96) |
hsl(214,57%,24%) |
#152d4c |
rgb(21,45,76) |
hsl(214,57%,19%) |
#0f2138 |
rgb(15,33,56) |
hsl(214,57%,14%) |
#0a1524 |
rgb(10,21,36) |
hsl(214,57%,9%) |
#040910 |
rgb(4,9,16) |
hsl(214,57%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#45CCBE |
rgb(69,204,190) |
hsl(174,57%,54%) |
#4580CC |
rgb(69,128,204) |
hsl(214,57%,54%) |
#6445CC |
rgb(100,69,204) |
hsl(254,57%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B0DE |
rgb(137,176,222) |
hsl(212,56%,70%) |
#6796D5 |
rgb(103,150,213) |
hsl(214,57%,62%) |
#4580CC |
rgb(69,128,204) |
hsl(214,57%,54%) |
#316BB3 |
rgb(49,107,179) |
hsl(213,57%,45%) |
#275791 |
rgb(39,87,145) |
hsl(213,58%,36%) |
#1E426F |
rgb(30,66,111) |
hsl(213,57%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580CC |
rgb(69,128,204) |
hsl(214,57%,54%) |
#CC4D45 |
rgb(204,77,69) |
hsl(4,57%,54%) |
#C3CC45 |
rgb(195,204,69) |
hsl(64,57%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580CC |
rgb(69,128,204) |
hsl(214,57%,54%) |
#CC9145 |
rgb(204,145,69) |
hsl(34,57%,54%) |
#45C4CC |
rgb(69,196,204) |
hsl(184,57%,54%) |
#C3CC45 |
rgb(195,204,69) |
hsl(64,57%,54%) |